Tips for improving landing page design

Icons are great, but they should know their place. These guys are simple by nature and love to play a supporting role.

Blow them up a big and now you just have a bad illustration. If you’re using an icon with a title, you’ll want the title to pop out first.

Use letter spacing sparingly

There are a number of ways we can use letter-spacing to subtly improve typography, but if you’re not an experienced typographer stick to just adding a bit of letter spacing to your all caps titles. Adding extra letter spacing to sentence case text can create issues with readability, as well as breaking apart the natural rhythm of a typeface’s design.

Show the value

In this example, the real value proposition was hidden in a barely readable subtitle. There was also an easy opportunity to add authenticity to the social proof by adding the faces of real users.

No one likes tiny text

In this example, variable web typography was used in the CSS, creating scenarios where body copy was 11px and navigation links 9px. Browser defaults of 16px font size are now 20 years old — use modern fonts designed for screens and start body copy at 18–20px.

So in this article I'm highlighted next topics:

1. Great and small icons;
2. Using letter spacing sparingly;
3. Showing the value;
4. No one likes tiny text.