Xero
saas · image
7
craft
The design grammar hinges on the stark division of the frame into two saturated color zones, using the photographic subject as the bridge between them.
Palette
#3eccfe
background · 46.6%
#000755
background · 35.4%
#a6a8c3
neutral · 1.3%
#131960
secondary · 1.9%
#bfc1d4
neutral · 1.1%
#1c5fa1
secondary · 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, lower panel
Mood
reliableoptimistichelpfulmodern
What makes it work
- Bi-tonal horizontal split with high-contrast color blocks
- Isolated human subject breaking the horizon line to create depth
- Pill-shaped CTA color-matched to the secondary background block
- Left-aligned sans-serif typography
