Palette
Dark or light base with vibrant accent. Tech-forward. Blue/purple/green spectrum acceptable.
surface
#0f0f12
primary
#6366f1
text
#e2e2e8
accent
#22d3ee
muted
#52525b
Typography
Geometric sans. Clean, no serifs. Monospace accents for code/technical elements.
Display
Clash Display 600
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Body
Satoshi 400
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Accent
JetBrains Mono
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Motion
Speed
Fast
300-400ms
Approach
Slide + fade. Parallax cards. 3D tilt on hover. Smooth scroll with momentum.
Layout
Density: Balanced
Signature Elements
Gradient meshes
Glass cards
Code-style elements
Product screenshots
Grid patterns
Image Treatment
Device mockups, screenshots with shadow. Glass overlays. Gradient mesh backgrounds.
CTA Style
Gradient buttons or solid with glow. 'Start Free' / 'See Demo' language.
Section Rhythm
Dark → gradient → dark → feature grid → dark → CTA. Mesh gradients as transitions.