Framer· Designframer.com

Cinematic void · compressed display type

The web builder for designers.

Framer is the all-in-one canvas for designing and publishing production websites. Design, animate, and deploy — without ever leaving the canvas.

Color Palette14 tokens

background#000000

ink#ffffff

primary#0099ff

on-primary#ffffff

surface-elevated#090909

glass-frosted#1a1a1a

glass-frosted-stronger#808080

text-secondary#a6a6a6

text-muted#999999

primary-glow#001f33

link-default#0000ee

shadow-edge#1a1a1a

shadow-ambient#000000

ring-blue#001f33

Buttons

TypographyGoogle Font

DM Sansbrand uses GT Walsheim Framer Medium

display-hero

Compressed by design.

110px · 500 · -5.5px

section-display

Ship interactive websites

85px · 500 · -4.25px

section-heading

Framer is the all-in-one canvas for designing and publishing production websites. Design, animate, and deploy — without ever leaving the canvas.

62px · 500 · -3.1px

feature-heading

FRAMER · AMSTERDAM · GLOBAL

32px · 500 · -1px

accent-display

Framer is the all-in-one canvas for designing and publishing production websites. Design, animate, and deploy — without ever leaving the canvas.

61.5px · 100 · -3.1px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Ship interactive websites

Framer is the all-in-one canvas for designing and publishing production websites. Design, animate, and deploy — without…

Design

none

micro

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Ship interactive websites

Framer is the all-in-one canvas for designing and publishing production websites. Design, animate, and deploy — without ever leaving the canvas.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeDesignFramer

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Framer.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Framer tokens
export const theme = {
  primary: "#0099ff",
  radius: "12px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Framer gave our team the canvas we always wanted. We ship marketing pages in hours, not weeks.

Framer · Design

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Public Squares88%

shared styles: Dark, Gradient, Bold · same category: Design

FunTech CI84%

shared styles: Dark, Colorful, Bold · same category: Design

Spline84%

shared styles: Dark, Gradient, Colorful · same category: Design

Canva82%

shared styles: Dark, Gradient, Colorful · same category: Design

Active Theory80%

shared styles: Dark, Gradient, Bold · same category: Design

Viens-La79%

shared styles: Dark, Colorful, Bold · same category: Design