Back to browse
Xero

Xero

fintech · image

7

craft

The design relies on a stark horizontal split to organize information, using the human subject as a visual bridge between the two halves.

Palette

#000755

background · 45.6%

#3ecdfe

background · 37.5%

#14478b

secondary · 2%

#31a3da

secondary · 1.6%

#151960

surface · 1%

#f5d792

accent · 1.4%

Composition

split panel

Layout

stacked bands

Color structure

high contrast pair

Background

solid

Typography

sans · sans only

Imagery

photographic · realistic

Temperature

cool

Accent lands on

clothing

Mood

trustworthyhumancleanmodern

What makes it work

  • Horizontal division of frame into two primary high-contrast color blocks
  • Photographic subject cutout overlaps the horizontal seam between background panels
  • Flush left-aligned sans-serif headline using high-contrast color from the opposite panel
  • Pill-shaped CTA button placed in lower-left of top panel

More like this