Summary  
This chapter covers whitespace management in code, explaining how fine-tuning spacing between characters (kerning), overall token spacing (tracking), and line breaks (leading) improves readability and visual consistency.  

General domain of usage  
Source code formatting and style guides

Good use of space definitely affects readability and tone. Designers adjust **kerning** (space between letters), **tracking** (overall letter spacing), and **leading** (line spacing) to make text clear and visually consistent.
 
Word spacing also matters, especially when text is **justified** or **left-aligned**. Ultimately, your eye is your best tool. Aim for balance and clarity to help readers focus on the message.

What is the typical size range for body text?

Design shapes how people see, understand, and interact with the world. This learning path introduces the foundations needed to create clear, engaging, and meaningful visuals. From the basics of layout and structure to the nuances of typography and color, every element works together to communicate effectively. Along the way, you’ll discover how psychology, perception, and creative principles influence design decisions. By the end, you’ll have the tools to craft work that is both visually appealing and purpose-driven.

Explore what design means, why it matters, and the impact it has on communication and problem-solving. Learn how different types of design shape experiences across fields, from digital products to print. Discover the role of research in guiding creative decisions and ensuring solutions meet user needs effectively.

Understand how lines, shapes, and forms structure visual layouts. Discover the importance of size, space, and format in creating balance. Learn how photography and illustrations contribute to storytelling, and apply Gestalt principles to guide perception, helping viewers connect elements into a cohesive and engaging whole.

Master the building blocks of strong design. Explore emphasis, balance, contrast, repetition, and proportion to create harmony and clarity. Learn how rhythm, movement, pattern, and hierarchy guide attention, while white space and variety bring breathing room and energy. Discover how unity ties everything together for impact.

Dive into typography as a core element of design. Study type anatomy, spacing, and readability to improve communication. Learn how to select typefaces that match tone and purpose, and explore typographic hierarchy to establish order and meaning. Typography becomes a powerful tool to shape both style and clarity.

Discover the language and systems of color, including RGB, CMYK, and Pantone. Explore color theory and harmony to create visually balanced work. Learn how contrast affects legibility, how color spaces define consistency across media, and how the psychology of colors influences emotions, branding, and perception.

Spacing

1. What is the typical size range for body text?

2. What does "ranged-left" mean?

Awesome!

Spacing

1. What is the typical size range for body text?

2. What does "ranged-left" mean?