Xero
fintech · image
8
craft
The layout uses a heavy navy container nested within a sky blue frame to create depth without shadows. Text is strictly left-aligned with a clear hierarchy driven by font weight and size.
Palette
#000755
background · 74.6%
#42d8ff
accent · 11.7%
#1f68a7
secondary · 6.7%
#31a4da
secondary · 1.6%
#257eba
secondary · 1.2%
#15498e
secondary · 0.9%
Composition
oversized type
Layout
border framed
Color structure
analogous blend
Background
dark panel
Typography
sans · geometric sans
Imagery
typographic only · none
Temperature
cool
Accent lands on
border frame, cta button, headline
Mood
reliablefocusedefficientmodern
What makes it work
- nested rounded panel layout
- monochromatic blue-scale hierarchy
- flush-left typographic alignment
- high-contrast cyan accent for headline and frame
