1Password
saas · product-shot
8
craft
The design relies on massive negative space in the background color to frame the dense UI elements.
Palette
#bad8ff
background · 48.6%
#ffffff
surface · 33.2%
#d9e9ff
secondary · 6.9%
#d9d9d9
neutral · 1.7%
#c2c2c2
neutral · 1.2%
#8ea4c0
accent · 1.3%
Composition
headline plus visual
Layout
top heavy
Color structure
neutral plus accent
Background
solid
Typography
sans · sans only
Imagery
ui screenshot · realistic
Temperature
cool
Accent lands on
cta button, active tab indicator, icons
Mood
secureorganizedefficientmodern
What makes it work
- high-contrast oversized sans-serif headline left-aligned
- asymmetric balance between top-left text and bottom-right floating ui
- pill-shaped primary cta acting as a dark anchor point
