Xero
fintech · image
7
craft
The design utilizes a two-tone color block system to separate the messaging area from the brand area, using a photographic subject to bridge the visual gap.
Palette
#3eccfe
background · 46.6%
#000755
background · 35.6%
#a7a9c4
neutral · 1.2%
#bdc0d3
neutral · 1%
#f4d792
accent · 1.6%
#2d3373
secondary · 1.3%
Composition
headline plus visual
Layout
stacked bands
Color structure
high contrast pair
Background
solid
Typography
sans · geometric sans
Imagery
photographic · realistic
Temperature
cool
Accent lands on
cta button, subject clothing, subject accessories
Mood
confidenthelpfulaccessiblemodernprofessionalfriendly
What makes it work
- hard horizontal color split between navy and light blue
- subject placement overlapping the color transition line
- left-aligned primary typography and cta
- logo and tagline anchored in the bottom light panel
