Frameworks is a design tool that publishes. Drag elements, ship the URL. No handoff, no exports, no waiting on engineering for your hero copy.
— Built for shipping
Every block on this page is the same kind of layer you'd drag into a Frameworks artboard. Drag, drop, ship — no exports.
Designs that publish themselves. The artboard IS the website — no exporting, no engineering ticket, no Friday-night handoff document.
Translate any layer into 30 languages without breaking the layout.
Hundreds of free templates from the community. Remix, then ship.
Lazy-load images, optimized fonts, edge cache — production-grade out of the box, with no <script> you have to write.
— Built with Frameworks
— Pricing
For getting a site live this weekend.
$0 / mo
For freelancers and small teams shipping client work.
$15 / mo
For marketing teams running the site.
$30 / mo
For the largest design organizations.
Custom
— Questions
No. The canvas is the artifact — there's nothing to export.
Pro and above include custom domain mapping with auto-HTTPS.
Business adds 5 editor seats with roles and permissions; Enterprise scales to unlimited with SSO.
It moves to a Frameworks subdomain. You keep editing on Basic, or export the published HTML at any time.
— Design system
Source: DESIGN.md. Dark canvas. GT Walsheim display (Manrope substitute). Inter Variable body with character variants. Aggressive negative letter-spacing. One blue accent, four gradient spotlight cards.
Anchor surfaces — canvas + lift
Text — binary hierarchy
Gradient spotlight family — the brand atmosphere
GT Walsheim Medium is Frameworks's proprietary display face — Manrope at weight 500 is the closest open-source substitute, with negative letter-spacing applied as a percentage of size (~5% at display, ~1% at body). Inter Variable handles the body, with character variants cv05, cv09, cv11 and stylistic sets ss03, ss07 enabled.
An unusually granular ladder: 4 → 100px pills + full circle. 20px is the default card; 30px is reserved for gradient spotlight cards so they read as atmospheric panels, not tighter UI.
Buttons — pill is the brand vocabulary
Pricing tabs — selected = lift, not color
Inputs — blue ring is the only chromatic depth signal
Cards — surface lift carries hierarchy
pricing-card
surface-1
Standard tier. 20px radius. 24px padding.
pricing-card-featured
surface-2 · lifted
Pro tier. Same shape — one surface step up. No chromatic outline.
gradient-spotlight-card
Atmosphere · not background.
30px radius. One per long page. Three is a moodboard.
Pills — the only button shape