WordBlocks includes a free Basic Styling layer that centralizes brand tokens for colors, typography, layout, and buttons. Configure once, then keep visual output consistent across blocks and pages.
WordBlocks stores global design settings in a single option key and derives defaults from block-theme theme.json when available, with fallback defaults for non-block-theme installs.
| Group | What it controls | Examples |
|---|---|---|
| Palette and Colors | Semantic brand colors used across blocks and UI controls. | Primary, secondary, accent, background, text, plus normalized palette entries. |
| Typography | Font family, responsive font-size scales, line-height, text transform, and weight settings. | Body font, heading font, H1-H6 sizes (desktop/tablet/mobile), body and heading line-height. |
| Layout | Global sizing and spacing values for reusable section composition. | Content width, row gap, content gap, row padding, row margin. |
| Buttons | Default button spacing, radius, borders, and color states. | Padding X/Y, linked or per-corner radius, border width/color, hover colors, secondary button tokens. |
Set foundational token values first, then compose pages using those values so updates propagate consistently.
Define palette and typography once in Basic Styling before creating sections.
Use shared spacing and button values so content teams avoid one-off styles.
Update token values centrally to roll changes out across the site without manual block-by-block edits.
Use this page as your token overview, then connect it with block-specific docs and API workflows for full production guidance.