Bubble
saas · image
7
craft
The design utilizes a vibrant blue gradient to create depth while maintaining high legibility for the primary messaging. The UI element is intentionally cropped to suggest a larger environment.
Palette
#ffffff
surface · 24.2%
#0830a7
background · 25.3%
#2e2ec1
secondary · 10.7%
#0845d3
accent · 12.5%
#081f80
background · 8.1%
#d6d4f5
neutral · 2.2%
Composition
headline plus visual
Layout
asymmetric
Color structure
monochrome
Background
bold gradient
Typography
sans · geometric sans
Imagery
ui screenshot · flat
Temperature
cool
Accent lands on
background gradient wash
Mood
energeticdirectmodernreliable
What makes it work
- high_contrast_white_text_on_deep_blue
- asymmetric_bottom_right_visual_crop
- geometric_sans_serif_tight_leading
