Design System

The Wordnerds Design System

Tokens, components, grid and page patterns — the single source of truth for everything Wordnerds-branded.

01

Marketing & website

Everything for building a marketing page.

Components

Foundations — colour, type, spacing, radii — plus the marketing components (links, forms, buttons).

Open

Section gallery

Every page section + the nav/footer, rendered live from real schemas.

Open

Foundations

Tokens, colour, type, spacing — the atomic rules shared by every surface.

Open

Grid System

12-column grid, fluid gutters, column-span patterns.

Open

Template Vocabulary

Every page template, its grid pattern and slots.

Open

Proven Patterns

Page-level decisions validated in the browser.

Open
02

Platform

The product application’s UI — reference only, not used on marketing pages.

Platform UI

Product UI components — filtering, charts, tables, sentiment.

Open

Platform UI spec

The product application’s styling reference — SCSS vars, fixed scales, layout chrome, data components.

Open