Framer
The web builder loved by designers.
Framer lets anyone ship a beautiful, responsive website without code — designing, publishing, and iterating in one place. The brand is high-contrast and confident: crisp black-on-white, one electric blue, tight Inter type, and motion baked into everything. It looks like the product feels — fast, precise, and a little electric.
Color
The electric blue — primary CTAs, links, brand highlights.
High-key white canvas; dark mode is near-black.
Body and heading text on white; near-white on dark.
Typography
The web builder loved by designers.
- Foundry:
- Rasmus Andersson
- Weights:
- 400, 500, 600, 700
Inter (SIL OFL) — safe to self-host. Used as a variable font.
Voice & Tone
Do
- +Be crisp and declarative — one strong idea per line
- +Speak to designers as peers
- +Show the outcome: a live, shipped site
- +Keep energy high without hype
Don't
- −Don't pad with adjectives
- −Avoid generic 'no-code' clichés
- −Never bury the capability
Sample copy
Start for free
Blank canvas. Drop a section to get started.
Design, publish, and scale — all in one place.
The web builder loved by designers.
Logo Inventory
Usage Rules
- MUSTMeet WCAG AA for textaccessibility
Black on white clears AA easily; keep blue for fills and links.
- MUSTRespect logo clear spacelogo
Keep at least one cap-height of clear space around the lockup.
- SHOULDSet display type tighttypography
Headlines use Inter with negative tracking. Keep leading tight for the crisp Framer feel.
- SHOULDOne idea per linevoice
Be crisp and declarative. Cut the second sentence if it isn't load-bearing.
Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.
https://mcp.brandsweets.com/framer/mcp{
"mcpServers": {
"brandsweets-framer": {
"type": "http",
"url": "https://mcp.brandsweets.com/framer/mcp"
}
}
}claude mcp add --transport http brandsweets-framer https://mcp.brandsweets.com/framer/mcp