Squarespace
saas · product-shot
9
craft
The design relies on the tension between professional serif typography and a playful, interactive UI mockup with layered shadows.
Palette
#cee5fe
background · 43.4%
#eaf7ee
surface · 8.9%
#d6dbd5
neutral · 7.7%
#2f4a38
text · 9%
#a5411d
accent · 5.6%
#bec6bd
secondary · 2.1%
Composition
headline plus visual
Layout
centered
Color structure
neutral plus accent
Background
subtle gradient
Typography
mixed · sans serif mix
Imagery
ui screenshot · realistic
Temperature
cool
Accent lands on
internal graphic, delete icon
Mood
cleanempoweringcreativeminimalistmodern
What makes it work
- High-contrast dark green serif typography on a light-wash blue gradient.
- Layered UI elements with pronounced shadows to create depth.
- Intentional use of italics within the main headline to emphasize specific keywords.
- Integration of a sharp geometric star shape overlapping UI components.
