Typography | Tips | Task

When we talk about typography we need to make sure the text is readable.

Tips for better typography

1. Check your contrast

  • by visually looking
  • Figma plugin Stark

2. Optimize Text Line Length (Paragraphs)

  • Text line length should not be too long, it’s harder to read on screens.
  • count the character in the line and adjust accordingly
  • Recommended range is 70 to 80, never go over 90
  • Figma plugin Text Counts

3. Adjust Line Height

  • Line height is the spacing b/w two adjacent base lines
Two adjacent base lines
  • As line height increase it becomes easy to read the text.
  • Good range is 120% to 180%, optimal 140% to 180%
  • 16 is 100%, if you want 120% you can do 16*1.2

4. Readable Font Sizes

  • 16px is good enough for body texts.
  • Larger headings should be used according to devices
  • Scale them when switching

Task was to design the about page




Developer by Degree | Designer by Passion

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

UX Design Case Study — Mobile app for a track cars marketplace

50 Planning Terms & Concepts All Architects Should Know

5 ways service design can optimize Customer Experience

Case study: A design system that evolves like a language

The Process of creating an optimized Landing Page

Wireframing Aibnb

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Developer by Degree | Designer by Passion

More from Medium

Three Incredible Color Palette Tools Every Designer Must Have.

UI and UX design tutorials: free learning resources

Week 1/n of #100DaysofUX

How to design a Christmas Instagram story