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