Xero
saas · image
7
craft
The design grammar relies on a clean horizontal bisection separating the value proposition from the brand logo, using high-contrast brand blues to anchor the hierarchy.
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
helpfuloptimisticmodernefficient
What makes it work
- bisected horizontal panel structure
- left-aligned bold sans-serif text
- lifestyle photography overlapping background zones
