Tokens · v0.8.3.8.4
The token browser documents the editable foundation values used by components, patterns, templates, and pages.
Token Group
Brand, text, background, accent, stroke, and generated palette tokens.
Source: design/palette.php, design/theme.php, assets/css/colors.php
--site-color-primary--site-color-secondary--site-color-accent--site-color-text--site-color-background--site-color-strokeToken Group
Status color tokens separated from brand colors.
Source: design/semantic-colors.php
--semantic-success--semantic-information--semantic-warning--semantic-danger--semantic-pending--semantic-neutralToken Group
Font families, weights, sizes, and role mappings.
Source: design/typography.php, assets/css/fonts.css
--font-primary--font-secondary--font-text--font-accent--fs-md--fs-xxlToken Group
The shared scale used by layout, Flow, components, and sections.
Source: design/spacing.php
--space-xs--space-sm--space-md--space-lg--space-xl--space-2xlToken Group
Rhythm presets for reading, forms, cards, dashboards, and responsive spacing.
Source: design/flow.php, assets/css/flow-tokens.php
--flow-reading--flow-form--flow-card--flow-dashboardToken Group
Border widths and radius scale used by cards, forms, buttons, and panels.
Source: design/borders.php
--border-width-default--border-width-thick--radius-sm--radius-md--radius-lg--radius-xlToken Group
Elevation tokens for cards, media, and emphasis treatments.
Source: design/shadows.php
--shadow-sm--shadow-md--shadow-lgToken Group
Motion timing values shared by interactive components.
Source: design/transitions.php
--transition-fast--transition-normal--transition-slowToken Group
Container, grid, gutter, and responsive layout tokens.
Source: design/layouts.php, assets/css/layout-tokens.php
--container-standard--grid-gutter--grid-columns