Optimize Header and Body Gap: Review Design VersionsOptimize Header and Body Gap: Review Design Versions
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
First or Second version?
Look at the gap between headline text and label "Trusted by"
On first - there are 16px gap between, on second - 24px gap.
Gap between headline and body is 12px on both versions.
First Version
Second Version

4 votes

Ends in 1d

Nikita's avatar
YoungYosha logo
Honestly, I probably understand better than most how much a detail like this can affect the overall feel of a design, and I know how hard it can be to decide which option is actually more appealing.
I think this post is underrated, but it definitely earned my attention.
Rokas's avatar
Thanks for Understanding, Nikita!
Bhaskar's avatar
Second version for me.
The larger gap makes the "Trusted by" label feel like supporting evidence rather than part of the headline itself.
Small spacing changes like this often have a bigger impact than people expect because they affect how quickly the eye understands the structure...
Rokas's avatar
Ty, Bhaskar! It's for template, so I will leave logos like that :)
Sharon's avatar
Will go for the first version
Rokas's avatar
Cool! Got it!
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