Hercules App
saas · product-shot
8
craft
The design leverages high contrast between a dark interface component and a light atmospheric background to establish immediate visual hierarchy for the product preview.
Palette
#f3f7fd
background · 31.1%
#10131b
surface · 24.1%
#478ef2
accent · 17.5%
#5a8cd6
secondary · 3%
#77a9f2
secondary · 4.6%
#bfd6f7
neutral · 5.3%
Composition
headline plus visual
Layout
centered
Color structure
neutral plus accent
Background
bold gradient
Typography
sans · sans only
Imagery
ui screenshot · semi flat
Temperature
cool
Accent lands on
headline accent, ui active state, lower gradient, progress bar, cta elements
Mood
productivereliableprofessionalclean
What makes it work
- Single keyword color pop in headline
- Dark-mode UI module centered on gradient backdrop
- Tight typographic tracking in bold headings
- Layered depth via pronounced component shadowing
