Bad typography kills good design. That’s my biggest lesson after 10+ years designing. Here are 10 principles and tips that will instantly improve your work: 1/ Font styles Fonts carry emotion. Make sure your typography aligns with your brand’s tone. Whether you’re going for modern or playful, the right font sets the mood for the entire design. Pick ones that align with the brand story you're telling. 2/ Size & hierarchy Use 3-4 font sizes per section, maximum, to avoid overcrowding your design. Use a type scale to maintain consistency. Use headings that are minimum 2-3x your body text size. A clear hierarchy will guide readers through your content effortlessly. 3/ Font weight Font weight differentiates importance without adding visual clutter. Stick to 3-4 font steps in weight. Remember: reducing opacity also reduces perceived weight. Good rule of thumb: - headings: 600-700 - body: 400-500 - supporting text: 300-400 4/ Text contrast Create high contrast between text and background. Minimum WCAG AA: 4.5:1 for body text, 3:1 for large text. Run A11y plugin before you ship. Low contrast looks "modern" but kills readability. Accessibility should be a requirement, not a trend. 5/ Text alignment Typography alignment is key to readability and design flow. For non-Arabic countries, left-aligned text is easiest on the eyes. Center or right align sparingly for emphasis; avoid justified text unless spacing is perfect. 6/ Spacing Proper spacing makes or breaks readability: Line height: 1.5-1.7 for body, 1.1-1.3 for headings Leading: -1 to -2% for headings, 0% for body Paragraph spacing: 1.5-2x your line height Tight spacing feels cramped. Too loose feels disconnected. Find the right balance. 7/ Line Length Keep your paragraph length between 40 and 90 characters per line. For 16px body text, that's roughly 450-700px width depending on font. This range keeps readers engaged and makes content easy to scan. 8/ Don’t overdo it with fonts. Stick to 2 complementary fonts. Too many fonts can make your design feel chaotic. Keep it simple and let the fonts breathe. Limiting the number of fonts also makes your designs feel more thought-out and cohesive. 9/ Prioritize readability over style. Decorative fonts work for logos and short headlines. Don't use them for body text. Fonts need to look good, but most importantly, they must be clear and legible across all devices. Good design is always functional, not only aesthetic. Bad typography makes great content unreadable. Great typography makes content feel effortless. Master these fundamentals and your designs will immediately level up. Save this for your next project. As always, I hope this was helpful. Have an awesome day! 👋
-
+4