Sign-in
A centered auth card with real inputs, a focus ring and primary/secondary actions — the app's front door.
Every colour, space, radius and shadow below is an FDS token — 21 distinct, 0 off-system.
Every example is scanned
Like the dashboard, each screen's stylesheet is checked against the package registry at build time — the same array of tokens the package exports. An off-system value would surface as a failure on the page rather than drift silently, so the gallery cannot fall out of sync with the system it advertises.
Tokens on this screen
--fx-color-bg--fx-color-border--fx-color-border-strong--fx-color-focus-ring--fx-color-on-primary--fx-color-primary--fx-color-primary-hover--fx-color-surface--fx-color-surface-alt--fx-color-text--fx-color-text-muted--fx-color-text-subtle--fx-font-family-base--fx-radius-md--fx-radius-xl--fx-shadow-lg--fx-space-2--fx-space-3--fx-space-4--fx-space-5--fx-space-8