Close X

Answers, on the record

How does governance work?

Every block binds to named token roles, so a rebrand is a change to the token set, not a hunt through stylesheets.

Can a block move between sites?

Yes. Blocks are portable by token role, so the same section drops into any Frameworker site and inherits that brand.

Where does the content live?

In one source of truth. Design in Figma, ship to WordPress, and keep the two in lockstep.

Design in Figma

Start from a governed library where every component maps to a token role.

Ship to WordPress

Compose a page through the governed seam and the render is correct by construction.

Stay in lockstep

Change the design and the site follows, because both read from one source of truth.

Accordion Image

A block for every job

The Frameworker library covers heroes, cards, lists, logos, numbers, and quotes. Every block is governed, portable, and correct by construction.

  • Governed design tokens
  • Figma to WordPress in lockstep
  • Accessibility at design time
Raw HTML, governed layoutThe code block embeds custom markup inside the same governed section frame, so padding, width, and rhythm stay on-system.

Design system

Governed code

Live render

The library

Cards that carry the brand

Portable by role

Every card binds to token roles, so it inherits any brand it lands in.

Correct by construction

Compose through the governed seam and the render is right the first time.

One source of truth

Design and site read from the same tokens, always in lockstep.

Two columns, one system

Pair copy with a supporting image, a banner, or a video. Each side is governed and follows the same token roles.

The governed page builder

Ship design systems, not one-off pages

Frameworker composes every page through a governed seam, so what you design is what you deploy.

No hand-editing. No drift.

frameworker deploy
frameworker@studio ~/site fw build –governed
blocks 77 governed
tokens 395 roles
source of truth 1
frameworker@studio ~/site
Hero, centered

A hero for every entrance

Frameworker heroes come in variants for every kind of page, each governed and portable by token role.

What ships in every block

Design

Governed tokens

Figma parity

Accessible by default

Build

Portable blocks

Governed seam

One source of truth

Ship

Design to deploy

Correct by construction

No drift

highlightList Image

How the system fits together

Tokens

Named roles for color, type, and space. Change the set, rebrand the site.

Blocks

Governed sections that bind to token roles and travel between sites.

Seam

Compose a page through one governed path and the render is correct by construction.

highlightList Image

Trusted by teams who ship on-system

The system, by the numbers

Frameworker
Blocks
governed sections
77
Tokens
named roles
395
Groups
block families
29
Source of truth
always in lockstep
1
Governed does not mean rigid. It means every choice is named, deliberate, and reusable.
The Frameworker method
The versatile section

One block, every element

Overline, headline, subheadline, body, a list, a button, and an image — each governed and optional.

The template section carries the full set of content elements a page might need, every one bound to the same token roles as the rest of the system. Turn any element on or off; what stays is always on-system.

  • Every element is optional and governed
  • Bound to named token roles, never fixed values
  • Portable to any brand by re-valuing the tokens