Foundations

System-level appearance, motion, focus, timing, and surface foundations. 5 owners and 9 deterministic previews.

Foundations

5 catalogue owners in manifest order.

Focus

Canonical visible-focus class tokens for directly focusable controls, field shells, and hidden-input peers.

Motion Provider and Overrides

Context owner for application and locally scoped motion expression, plus deterministic automation overrides.

Scoped motion variables

0.22000000000000003

Automation override detection

Motion enabled; intro enabled

Motion Timing and Spring

Shared transition and spring vocabulary for feedback, interaction, disclosure, overlays, reveals, ambient motion, and scroll behavior.

Moment hierarchy

Feedback
0.14
Overlay
0.32
Reveal
0.94
CSS token
320ms

Resolved spring tokens

Interactive type
spring
Strong stiffness
202

Settings and Appearance

Application-level owner for appearance, text scale, reduced motion, and smooth-scroll preferences.

Appearance resolution

System with dark preference
dark
Explicit light preference
light

Controlled preference context

Appearance: light; resolved: light; motion: on; scale: 1

Storybook appearance integration

Averlo appearance: light; resolved: light

Surface Tint

Canonical color-mix recipe builder for opaque tinted surfaces that preserve their actual container ownership.
Tinted surfacecolor-mix(in oklab,var(--primary) 12%,var(--surface))