Xero
fintech · product-shot
7
craft
A clean fintech-focused layout that uses a dark-mode palette to emphasize a bright, realistic product interaction.
Palette
#000755
background · 70%
#c1baaa
neutral · 2.6%
#bdaa8c
secondary · 2.3%
#1a89ad
accent · 3.1%
#fefefe
text · 2.6%
#151960
surface · 1.2%
Composition
headline plus visual
Layout
stacked bands
Color structure
neutral plus accent
Background
solid
Typography
sans · sans only
Imagery
product shot · realistic
Temperature
cool
Accent lands on
cta button, ui graph elements
Mood
trustworthyefficientmodernclean
What makes it work
- High-contrast white sans-serif typography on a deep navy field
- Pill-shaped vibrant cyan CTA overlapping the primary visual
- Rounded-corner image container centered vertically
- Left-aligned typographic hierarchy in the top third
