Why does some text feel effortless, and some feel like a wall? Same words, same order, same brand...Why does some text feel effortless, and some feel like a wall? Same words, same order, same brand...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Why does some text feel effortless, and some feel like a wall?
Same words, same order, same brand. All that changes is the size relationship between the lines, and the space between them. That alone decides whether the eye knows where to start.
01 - A real scale. The headline jumps, the body steps back, and the spacing tightens around what belongs together. Now the eye lands, skims, and reads in the right order.
Hierarchy isn't bigger fonts everywhere, it's a bigger gap between the levels, and a smaller one inside them.
02 -  One size, one gap. Eyebrow, headline, and body sit at nearly the same size, spaced evenly apart. Tidy, but flat, nothing steps forward, so nothing says "read me first."
Be honest - do you use a type scale, or just size things until they look right?
01
02

25 votes

Ends in 1d

Nirooz's avatar
I analyze other websites and i find most follows a pattern of font size and spacing
Emmanuel 's avatar
i use type scale because i already know what works
 's avatar
The first. Better hierarchy, the factor numbers add value and the CTA continues to play a leading role.
Mayowa's avatar
01 is perfect
KEEMIE's avatar
01 is the best
Alba's avatar
pro
7h
1 looks cool!
Komu's avatar
i like 01
Sekinat's avatar
01 is easier to read
Peter's avatar
Why the choice of colour and distractions behind the texts ?
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started