Studio
A modern, light, open showcase for the system. This is where the team can feel how the tokens, components, and patterns come together without heavy framing.
Clean, open, and unmistakably light.
White-first layouts, generous spacing, and subtle layering. Accent red appears sparingly as a signal, never a flood.
The system should feel clean, open, and light. Use white space, gentle gradients, and rounded surfaces. Avoid bold color blocks, sharp squares, or heavy framing.
Neutrals dominate, red acts as a guide. No light red fills.
Clean typography, clear hierarchy, simple motion.
Clean, open, modern, gentle.
Overly bold color blocks, boxed layouts, light red fills, or dark UI treatments.
Favor radius 2-3 for soft geometry.
Motion should feel gentle and purposeful. Use the standard ease and keep durations short.
Design clarity builds trust.
Storytelling feels calm and editorial.
Supportive, easy to scan.
Open layouts feel premium.
Pair calm typography with whitespace and subtle borders. Reserve accent for moments of emphasis.
Titles lead, body supports.
Rounded corners reduce sharpness.
Use accent as a signal.
The call-to-action should be clear, not loud. Keep the surface light and let the button do the work.
Keep layouts light, use generous spacing, and emphasize with the brand red in small doses.
Build on the existing tokens and components to stay consistent.
Use light red fills, boxed layouts, or heavy dark surfaces.
Introduce new colors or bold patterns without updating tokens.