SaaSykit
saas · product-shot
7
craft
The layout establishes a clear vertical hierarchy, transitioning from high-level branding and messaging at the top to granular product evidence via the dashboard UI at the bottom.
Palette
#fefefe
surface · 47.7%
#752fe6
background · 26.6%
#935dea
secondary · 7.5%
#8c2fbd
secondary · 3.4%
#91bcf9
accent · 2.7%
#5d1cc6
neutral · 1.6%
Composition
headline plus visual
Layout
top heavy
Color structure
neutral plus accent
Background
bold gradient
Typography
sans · sans only
Imagery
ui screenshot · none
Temperature
cool
Accent lands on
headline highlight box
Mood
energeticprofessionalmodernefficient
What makes it work
- vibrant purple gradient background for brand presence
- large-scale sans-serif typography with high contrast
- rounded white surface container for dense data visualization
- accent color-block highlight for primary value proposition
