Xero
saas · image
7
craft
The design relies on a strict two-tone division where the CTA and lower background share a single high-saturation hue, creating a visual bridge.
Palette
#3eccfe
background · 46.6%
#000755
background · 39.6%
#141860
secondary · 1.2%
#a7a9c4
neutral · 0.8%
#bcbed2
neutral · 0.7%
#f5a6a9
accent · 1.3%
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
person clothing, cta button
Mood
confidentactivemodernclean
What makes it work
- Horizontal split dividing frame into two distinct solid color blocks
- Cut-out photographic subject overlapping the horizon line
- Left-aligned heavy sans-serif typography in upper quadrant
- Pill-shaped CTA button matching the secondary background color
