Provides page-wide navigation, header and content boundaries.
System role
Tier-0 design-system foundation used by dynamic projections.
Rendered component states
Use
public is selected by contract metadata, responsive context or explicit recipe configuration for Shell.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
authenticated is selected by contract metadata, responsive context or explicit recipe configuration for Shell.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
collapsed nav is selected by contract metadata, responsive context or explicit recipe configuration for Shell.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
mobile is selected by contract metadata, responsive context or explicit recipe configuration for Shell.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.