Skip to main content

Variable: baseTheme

const baseTheme: ThemeTokens

Defined in: baseTheme.ts:37

Foundation — Neutral baseline theme.

System fonts, gray palette, and balanced proportions. Serves as the canonical base that all other themes extend via createTheme.

Theme brief

Every value in this file is chosen so that the resolved bundle satisfies this brief. Changes that contradict the brief belong in a different theme, not in baseTheme.

name: base
purpose: default built-in foundation for modern product UI
primaryPosture: productive
secondaryPosture: calm
densityProfile: balanced
readingMode: mixed
pointerProfile: hybrid
interactionRisk: medium
surfaceModel: lightly-layered
brandEnergy: quiet
accessibilityTarget: AA+
colorModeStrategy: dark-supported
platformBias: web

Intended feel: practical, calm, modern, trustworthy, easy to extend. Avoided feel: flashy, ornamental, cramped, fragile, overly branded.

See

/docs/website/docs/design/design-system/design-tokens/theme-authoring.md#recommended-base-theme-brief