Day 17/100: Demystifying Typography

(Why) - The Art and Science of Typography

✍️ On Day 17 of my #100DaysOfDesign journey, we dive deep into the world of typography. Typography isn't just about choosing pretty fonts; it's the art and science of arranging text in a way that's not only visually appealing but also highly readable and effective.

(What) - Unlocking Typography Terms

✍️ To navigate this world, I turn to the insightful resource by Nielsen Norman Group: Typography Terms for UX Designers: A Glossary. This comprehensive glossary demystifies typography terms that are essential in the realm of web design and CSS, including:

Kerning: Adjusting the space between individual characters.
Baseline: The invisible line upon which most characters "sit."
Serif: Typefaces with decorative lines at the ends of characters.
Sans-serif: Typefaces without those decorative lines.
Leading: The vertical space between lines of text.
Widows and Orphans: Terms related to the last line of a paragraph spilling over to the next page.
Tracking: Adjusting overall spacing between characters.
X-Height: The height of lowercase letters without ascenders or descenders.
Hierarchy: Using different sizes, weights, and styles to create visual contrast and emphasize certain text.
Ligature: The combination of two or more characters into a single character for improved readability.

Understanding these terms is like having a secret key to better design, especially when dealing with CSS for web design.

For practical insights, I also found an article about creating a typography system in Figma: Creating a Typography System in Figma, which offers valuable guidance on implementing typography in design.

(How) - Applying Typography Know-How

🖼️ The world of web design relies heavily on CSS, and these typography terms are not just jargon; they are the building blocks of text presentation. Understanding them can be the difference between a cluttered, unreadable webpage and one that draws users in and guides them seamlessly through content.

(Why It Matters) - Typography's Impact on User Experience

🌟 Typography plays a profound role in shaping the user experience. It affects not just the aesthetics of a design but also the readability and comprehension of the content. Whether it's a website, app, or any digital product, mastering typography is a crucial step toward creating designs that resonate with users.

As I continue on this design journey, I'll be leaning on this typography cheat sheet to ensure that every piece of text I present is not just visually pleasing but also user-centric.

Day 17/100 in #100DaysOfDesign: Demystifying Typography: A Handy Cheat Sheet

Comments

#100DaysOfDesign

Day 18/100 in #100DaysOfDesign: Data-Driven Design with A/B Testing Tools

More from this blog

Day 5/100: Open Source AI SDKs and Frameworks for Next-Gen Agents

Day 4/100: State of Offline On-Device AI in 2025 & beyond

Day 3/100: AI SDK 6: Revolutionizing AI Application Development

Day 2/100: Revolutionizing AI Agents with A2UI and Interactions API

Day 1/100: The Future of Generative UIs: What to Expect in 2026

(Why) - The Art and Science of Typography

(What) - Unlocking Typography Terms

(How) - Applying Typography Know-How

(Why It Matters) - Typography's Impact on User Experience

Command Palette

Comments

#100DaysOfDesign

Day 18/100 in #100DaysOfDesign: Data-Driven Design with A/B Testing Tools

More from this blog

(Why) - The Art and Science of Typography

(What) - Unlocking Typography Terms

(How) - Applying Typography Know-How

(Why It Matters) - Typography's Impact on User Experience