Designing text in UI design is a fundamental skill that ensures user interfaces are clear, engaging, and functional.

• Enhances readability and usability

• Strengthens brand identity

• Improves accessibility

While designing text might seem simple at first glance, there are many factors one has to consider. Let’s dive in.

Establish Typescale

Choose between a modular and a hand-crafted scale to ensure consistency throughout your design.

• Start with a base value (16px).

• Apply a ratio (4:5) to your base value.

• Avoid fractional values.

Pick Solid Fonts

We recommend picking fonts like Inter to play it safe. Google Fonts is a great source.

• Pick simple fonts.

• Check out Google Fonts.

• Minimize amount of fonts (2 max).

Choose Line Height

Picking a too small line height will make your text look cramped. We recommend the following values.

• Headings: 120% of the font size.

• Body Text: 150% of the font size.

• Feel free to adjust - line height is a spectrum.

Master Alignment

Most text should be left aligned. If you choose otherwise it has to be used effectively.

• Left-align is the safest way to go.

• Don’t center long-form text.

Master Spacing

When placing text on your canvas it is important to keep the following principles in mind.

• Decrease spacing when elements belong together.

• Increase spacing to distinguish elements from each other.

• First add whitespace - remove it afterwards.

Save Hours of Design Works

Get access to our Design Kits and create landing pages and social media content for your product.

Customize 300+ templates for:

• UI Elements

• Landing Pages

• Social Media Posts

PS: Use code SAVE20 to get 20% off.

Get Started →