---
title: "Style randomizer (theme × typography × palette)"
description: "Randomizes decorative styling (typography pairing and color palette) on each visit from pre-validated, WCAG-compliant sets, kept orthogonal to the user's…"
category: "App Shell & Navigation"
---

# Style randomizer (theme × typography × palette)

> Generated from `mcp/patterns.registry.json` — do not edit by hand; change the registry and run `bun run patterns:build`.

_Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes._

**Category:** App Shell & Navigation · **Tier:** light · **Risk:** low — structural pattern, no external services

Randomizes decorative styling (typography pairing and color palette) on each visit from pre-validated, WCAG-compliant sets, kept orthogonal to the user's dark/light theme choice.

**When to use:** Reach for it when building playground or showcase surfaces that benefit from memorable visual variation without harming accessibility.

## Docs

- [docs/foundation/style.md](/docs/foundation/style) ([GitHub](https://github.com/ApeDevil/v10r/blob/main/docs/foundation/style.md) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/blob/main/docs/foundation/style.md))

## Code

- `src/lib/styles/random/` ([GitHub](https://github.com/ApeDevil/v10r/tree/main/src/lib/styles/random) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/tree/main/src/lib/styles/random))
- `src/lib/server/style/` ([GitHub](https://github.com/ApeDevil/v10r/tree/main/src/lib/server/style) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/tree/main/src/lib/server/style))

## Proof

- [`/showcases/shell/style`](/showcases/shell/style)

---

_Machine-readable record: `app-shell-style-randomizer` in `mcp/patterns.registry.json`._