Back to browse
Xero

Xero

saas · image

7

craft

The design relies on a 50/50 vertical division of the frame using two distinct brand colors to separate content from brand identity.

Palette

#000755

background · 45.6%

#3ecdfe

background · 38.4%

#13468a

secondary · 2.5%

#1b62a3

secondary · 1.5%

#30a1d9

secondary · 1.7%

#151960

accent · 1.1%

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

cta button

Mood

efficientmodernreliableprofessionalminimalist

What makes it work

  • hard_horizontal_split_between_panels
  • flush_left_typography_alignment
  • pill_shaped_primary_action
  • subject_eye_level_with_headline

More like this