Typography

Your typographic choices can aid in establishing an information hierarchy, conveying vital content, expressing your brand, and ensuring the text is legible.

Typography Best Practices

1. Maintain a minimum font size that is easily legible by most people. Consider the factors that can impact legibility, such as device displays, lighting conditions, and user preferences, when determining a minimum font size.

2. Customize font weight, size, and colour to emphasize important information and maintain a clear visual hierarchy. Consider how these adjustments will translate across different text sizes and across different devices.

3. Limit the number of typefaces used in your designs. This prevents confusing your information hierarchy and creating a barrier to readability.

4. Test your text's legibility in various contexts, including different lighting conditions and distances. Consider modifications such as increased contrast, larger type sizes, or more legible typefaces if necessary.

5. To maximize readability, avoid using light font weights, especially for small text sizes. Opt for Regular, Medium, Semi-bold, or Bold font weights instead.

6. Prioritize important content when responding to user text-size changes, as not all content carries equal importance. For instance, when users increase text size, focus on making the most critical information easier to read while leaving the less crucial text in a smaller size.