Back to browse
Xero

Xero

fintech · image

8

craft

The design utilizes a stark value contrast between the cyan top and navy bottom to organize information hierarchy, placing the value proposition in the light zone and branding in the dark zone.

Palette

#000755

background · 45.6%

#3ecdfe

background · 37.5%

#14478b

secondary · 2%

#31a3da

secondary · 1.6%

#151960

secondary · 1%

#f5d792

accent · 1.4%

Composition

split panel

Layout

stacked bands

Color structure

high contrast pair

Background

dark panel

Typography

sans · sans only

Imagery

photographic · realistic

Temperature

cool

Accent lands on

clothing

Mood

approachableconfidentprofessionalmodern

What makes it work

  • sharp horizontal bisection of the frame using two high-contrast brand colors
  • photographic subject must break the horizon line to bridge the two color zones
  • typography is strictly left-aligned in the upper quadrant

More like this