LendingTree
fintech · image
7
craft
The layout uses a symmetrical comparison logic where the visual asset (car) directly reflects the data visualization (price cards) through a shared color-coding system.
Palette
#ffffff
background · 76.5%
#d7d8da
neutral · 2.8%
#151618
text · 1.4%
#0264b8
accent · 2.4%
#dfebf3
secondary · 1.1%
#bdc0c3
neutral · 2.2%
Composition
headline plus visual
Layout
centered
Color structure
neutral plus accent
Background
solid
Typography
sans · sans only
Imagery
product shot · realistic
Temperature
cool
Accent lands on
cta button, price text, hero object half
Mood
What makes it work
- color-coded comparison boxes mirroring the split-tone hero visual
- strictly centered vertical layout stack
- primary brand blue reserved for the 'new' state and final action
- neutral background ensuring high legibility of dark navy type
More like this
LendingTree
fintech · neutral plus accent
USAA
fintech · neutral plus accent
Lexington Law Firm
fintech · neutral plus accent
AAA Mountain West Group
fintech · neutral plus accent
Xero
fintech · analogous blend
Myretirementplan.ai
fintech · neutral plus accent
Novo
fintech · neutral plus accent
Fundrise
fintech · neutral plus accent