Back to browse
Xero

Xero

saas · image

7

craft

A clean, professional B2B layout using a two-tone color block strategy to separate primary messaging from branding.

Palette

#3eccfe

background · 46.6%

#000755

background · 35.6%

#f4d792

accent · 1.6%

#2d3373

secondary · 1.3%

#a7a9c4

neutral · 1.2%

#bdc0d3

neutral · 1%

Composition

split panel

Layout

stacked bands

Color structure

high contrast pair

Background

solid

Typography

sans · geometric sans

Imagery

photographic · realistic

Temperature

cool

Accent lands on

subject apparel

Mood

empoweringclearreliablemodernapproachable

What makes it work

  • Subject silhouette must break the horizontal color boundary to create depth
  • High-contrast pill CTA utilizing the secondary background color as fill
  • Bi-color vertical stack split roughly at the lower third

More like this