Back to browse
Xero

Xero

saas · image

7

craft

The design utilizes a stark horizontal split to organize information, using a high-contrast cyan accent to bridge the dark and light halves.

Palette

#3eccfe

background · 46.6%

#000755

background · 39.6%

#f5a6a9

accent · 1.3%

#141860

secondary · 1.2%

#a7a9c4

neutral · 0.8%

#bcbed2

neutral · 0.7%

Composition

split panel

Layout

asymmetric

Color structure

high contrast pair

Background

solid

Typography

sans · sans only

Imagery

photographic · realistic

Temperature

cool

Accent lands on

cta button, subject apparel

Mood

confidentenergeticmodernefficient

What makes it work

  • horizontal bisection of frame into two primary brand colors
  • photographic subject overlapping the color boundary
  • tightly tracked sans-serif headline left-aligned in top panel
  • pill-shaped call-to-action button in high-contrast cyan

More like this