Modular Typography for the Web

Dec 2020

14 Mon

15 Tue

16 Wed

17 Thu

18 Fri

19 Sat 11:00 AM – 12:15 PM IST

20 Sun

Make a submission

This talk is for:

Designers looking to take a systemic approach to typography in their web project.
Developers and designers who want to mutually set a format of typography specification delivery that works.

Speaker, Hamsa Ganesh, shares how to make this replicable in every project. The advantages approaching web typography with a type scale are:
* It saves a lot of time decision-making for typography and spacing during the design stage.
* It helps establish a vertical rhythm between screen components.
* It makes your designs more predictable to developers and future designers.

This talk will cover:
* What is a modular type scale + why should you use one?
* Introduction to the tool : modularscale.com
* Step-by-step: How to define a responsive modular type scale
* Handing-off type specifications to developers

Reference: If you are new to web typography, a look at Karl Fernandes’ talk “Getting Started with Web Typography”. It will serve as a great primer for this session.

About the speaker: Hamsa is a web designer from India with 11 years of work experience including roles in project management, creative direction and implementation. As a formally trained graphic designer who codes, one of her biggest strengths is to design with a hands-on understanding of the capabilities of emerging front-end technologies, tools, techniques.
Her previous talk on Hasgeek can be viewed here: Designing Custom Grids that Scale.

Participation: Zoom link will be shared with registered participants. Or, you can watch the livestream on this page.
Registered participants can leave comments/questions on the Comments section for the speaker to address during the session.

Contact details For inquiries, call 7676332020 or email info@hasgeek.com Follow Content Web via Meta Refresh on Twitter or join the Telegram group on https://t.me/MetaRefresh

Hosted by

Content Web

Content Web is a space about the good ol’ websites that we’ve been designing and publishing for decades. Online publishing, marketing websites and the likes have always been on the rise. So have the supporting tools, technologies and techniques for website publishing and content management. The pra… more

All submissions

This submission has been added to the schedule

Submitted Nov 23, 2020

This talk is for:
* Designers looking to take a systemic approach to typography in their web project
* Developers and designers who want to mutually set a format of typography specification delivery that works

I have been iterating on the process of defining web typography for several years now, and I’ve landed on a process that has become replicable in every project that I do. Some advantages I find of approaching web typography with a type scale are:
* It saves a lot of time decision-making for typography and spacing during the design stage
* It helps establish a vertical rhythm between screen components
* It makes your designs more predictable to developers and future designers

Outline

This talk will cover:
* What is a modular type scale + Why should you use one
* Introduction to the tool : modularscale.com
* Step by step: How I define a responsive modular type scale
* Handing-off type specifications to developers

Requirements

If you’re new to web typography, do take a look at Karl’s talk Getting Started with Web Typography – would would serve as a great primer for this session.

Speaker bio

Hamsa is a web designer from India with 11 years of work experience including roles in project management, creative direction and implementation. As a formally trained graphic designer who codes, one of her biggest strengths is to design with a hands-on understanding of the capabilities of emerging front-end technologies, tools, techniques. Her previous talk on Hasgeek can be viewed here: Designing Custom Grids that Scale

Comments