Xero
saas · image
8
craft
Design relies on a distinct two-tone horizontal division where the lower panel acts as a heavy footer for branding.
Palette
#000755
background · 45.6%
#3ecdfe
background · 37.4%
#14478b
secondary · 2.4%
#31a1d9
secondary · 1.4%
#151960
accent · 1%
#1b62a3
secondary · 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
helpfuloptimisticmodernclean
What makes it work
- Hard-edge horizontal split between two primary brand colors
- Left-aligned heavy sans-serif typography in upper band
- Isolated subject photography overlapping the background color
- Pill-shaped CTA button anchored to text block
