Design Tokens
Color, radii, elevation, timing — the contract across apps.
Open tokensPerditio | Style Guide
Shared tokens, black-glass surfaces, motion, primitives, sections, and chapters — the source of truth for every Perditio web app.
Surfaces
Black-glass backgrounds, borders, scrims, and halos.
Open surfacesMotion
Typewriter, reveal, slide, zoom; respects reduced motion.
Open motionPrimitives
Buttons, inputs, cards — reusable building blocks.
Open primitivesSections
Hero variants, galleries, carousels, CTAs — page sections.
Open sectionsChapters
Scrollytelling beats: parallax, portrait/landscape stacks.
Open chaptersForms
First/last, E.164 phone (CC + local), email patterns.
Open formsStore
Product grid, PDP blocks, cart drawer, checkout handoff.
Open storeEvents
Calendar/list, event detail, ticket selector, add-to-calendar.
Open eventsAccessibility
Focus traps, roles, live regions, motion toggles.
Open accessibilityPerformance
Low-data mode, image guidance, caching hints.
Open performance