MNEMA · DESIGN SYSTEM v2.0

Design Token Test

Verification page for Chunk 1 — dark and light mode, all primitives.

Surfaces + Lines

--canvas

--surface

--surface-2

--surface-3

--line

--line-strong

--line-bright

Ink

--ink

--ink-soft

--ink-muted

--ink-faint

--on-ink

Accent + Status

--accent

--accent-soft

--accent-line

--status-sync

--status-edit

--status-info

--status-warn

Button — Variants

Button — Sizes

Input + Textarea + Select

StatusPill — Tones

SuccessSyncWarningPublishedErrorInfoNeutral

Skeleton

Typography

Page Heading

Section Heading

Meta text — tertiary body copy

Mono label · uppercase · tracked

EmptyState

No documents yet

Create your first document to get started.

Modal

Radii

--r-1

--r-2

--r-3

--r-4

--r-5

--r-6

--r-pill

Backward-compat aliases

--surface-base → surface-base--text-primary → text-primary--text-tertiary → text-tertiary--border-default → border-default--interactive-primary → interactive-primary