Design system 2026

—Foundations

Colours, the four section themes, the type scale, spacing, containers, radii and motion — read from the tokens generated from Figma.

packages/design-system/src/tokens.figma.json

—Primitives

The Astro components every page and block is built from (@vivla-cms/ds). New UI uses these and the role utilities only.

packages/design-system/src/primitives

—CMS blocks

What marketing places from the CMS, each variant rendered from its fixture through the real BlockRenderer — the same data /dev/blocks/<slug> shows.

packages/cms-blocks/src/renderers