Modular Typography for the Web

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

Links

• Previous talk on Hasgeek: https://hasgeek.com/contentweb/designing-custom-grids-that-scale/
• Work: https://thoughtput.in
• Recent work: https://vidhilegalpolicy.in
• Recent feature: https://junocollege.com/blog/how-junos-web-development-immersive-bootcamp-changed-this-designers-career
• Twitter: https://twitter.com/hamganesh
• (Writing) My Journey from Print to Web design: https://medium.com/@hamganesh/my-journey-from-print-to-web-design-d970c2f97826#.i51ic9bhy