App Shell
Interaktive Demonstration der App-Shell-Komponenten und Zustandsverwaltung.
Design
Dark or light — your eyes decide.
- Mode:
- system
- Resolved:
- light
- Is Dark:
- No
Style-Randomizer
8 palettes × 5 typography sets × 3 radius presets = 120 combinations. Roll for a whole look at once, or pick each piece yourself below.
- Palette:
- Deep Violet P5
- Typography:
- Technical T3
- Radius:
- Smooth R2
- Rolls:
- 0
Stil wählen
Nothing here is locked. Choose a palette, a typography set and a shape — each one applies on click and is remembered for you alone. No account needed.
Paletten
Typografie
Radius
Prioritätskaskade
- Style cookie Whatever you last picked or rolled, read before first paint
- Custom palette lookup A
CP_id sends the server to fetch your colors - Randomizer No cookie, or one that no longer resolves — a fresh random look
The cookie is deliberately readable by JavaScript so the blocking script in app.html can apply your style before the page paints — that is what prevents a
flash of the wrong palette. Signed in, every pick is also mirrored to your account as a backup
copy.
Geht dieses Pattern noch besser? Sag uns, wie.
Feedback geben