Working Title
One specimen, rendered under each experience with identical props and copy.
Core UI infrastructure
The systems future SEIHouse apps depend on — tokens, surfaces, states, forms, layout, scroll, media, and layering. This exposes infrastructure, not finished screens. Everything is mock-only and application-agnostic.
Default, SEA, and SEN through the same approved components — the shared style system.
data-experience="default" | "sea" | "sen"
One UI system, three expressions. Every column below renders the same components with the same props — only the data-experience attribute on the column root differs. Contrast stays with data-theme, so the two compose: switch the theme here to check every experience in both.
Default — Modern
Neutral, premium SEIHouse foundation.
data-experience="default"Button
Card
One specimen, rendered under each experience with identical props and copy.
Panel
Default panel — surface, border, and elevation from the experience tokens.
Glass panel — body tint, sheen, rim light, and blur all shift per experience.
Input · Textarea
Bottom navigation
Navigation drawer
SEA — Music
Artwork-forward, energetic, immersive.
data-experience="sea"Button
Card
One specimen, rendered under each experience with identical props and copy.
Panel
Default panel — surface, border, and elevation from the experience tokens.
Glass panel — body tint, sheen, rim light, and blur all shift per experience.
Input · Textarea
Bottom navigation
Navigation drawer
SEN — Narrative
Reading-first, cinematic, calm.
data-experience="sen"Button
Card
One specimen, rendered under each experience with identical props and copy.
Panel
Default panel — surface, border, and elevation from the experience tokens.
Glass panel — body tint, sheen, rim light, and blur all shift per experience.
Input · Textarea
Bottom navigation
Navigation drawer