Skip to content
SaaS / Product

Framer

Framer stands out for a dark, highly polished art direction, where every section pairs large-scale typography with animated product demos that show the tool in action. The hierarchy is crisp, and the detail, micro-interactions, subtle gradients and floating UI panels, reads as technical precision without ever feeling crowded.

DarkLarge typeAnimationGradients
framer.com Desktop
Full screenshot of framer.com on desktop
Full screenshot of framer.com on mobile, part 1 of 2Full screenshot of framer.com on mobile, part 2 of 2
Mobile

Screenshots of the real site. Scroll inside each frame to go through it.

The feeling

Dark, precise tech energy, with a touch of creative sophistication.

Design system Extracted from the site

Colors

Background
#000000
Text
#ffffff
Accent
#0099ff
Surface
#111111
Border
#0099ff
Palette: #0099ff #000000 #ffffff #111111 #cbff00 #1a1a1a

Typography

GT Walsheim Medium Headlines
sans-serif Body text
Scale 54px44px18px14px

Weights: 400 · 500 · heading tracking -2.16px

Spacing, borders and layout

Spacing scale
4 · 8 · 12 px
Base unit
4px
Radii
8px · 15px · 50px · 20px
Border
1px #0099ff
Content width
1200px

Third-party style reference. AIGiner is not affiliated with or sponsored by Framer; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.

Similar pages

See all
resend.com
Screenshot of Resend's website

We design websites at this level

Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.