Back to browse
LendingTree

LendingTree

fintech · image

7

craft

The design utilizes a high-contrast comparison layout where the blue accent color is reserved exclusively for the target 'new' state and the final action.

Palette

#ffffff

background · 76.5%

#d7d8da

secondary · 2.8%

#151618

text · 1.4%

#0264b8

accent · 2.4%

#dfebf3

surface · 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 value, visual highlight

Mood

reassuringefficienttrustworthydirect

What makes it work

  • split-visual comparison showing color transition to match brand accent
  • side-by-side card containers for value comparison
  • strict vertical center alignment of all elements

More like this