# Strata

> Strata is the Layers design system: one token source, one component
> vocabulary, and one set of usage rules behind every Layers surface,
> including the UI Elle (the Layers agent) generates.

Every doc is served as raw markdown at a stable URL. Fetch those directly;
the HTML pages are the human-facing rendering of the same files.

## Docs

- [Overview](https://strata.layers.com/docs/index.md): What Strata is, the three laws, and how to consume it in a new app.
- [Tokens](https://strata.layers.com/docs/tokens.md): The palette model, brand pastels, radius ramp, and the 14px type scale.
- [Components](https://strata.layers.com/docs/components.md): The @layers/ui component vocabulary and how to add to it.
- [Rules](https://strata.layers.com/docs/rules.md): Founder do/don't rulings: spacing, typography, buttons, copy.
- [Layouts](https://strata.layers.com/docs/layouts.md): Page and sheet structure: canvas sheets, inspectors, area navigation.
- [Generative UI](https://strata.layers.com/docs/generative-ui.md): The closed catalog Elle composes generated sheets from.
- [Brand](https://strata.layers.com/docs/brand.md): Marketing surface patterns: motion, illustration, page templates.
- [Specs](https://strata.layers.com/docs/specs.md): The Spec Kit authoring contract: the strata-spec.css block vocabulary and the rules for Strata-branded standalone specs.

## Pages

- [Tokens](https://strata.layers.com/tokens): the live palette computed from the shared theme, light and dark side by side (requires JS)
- [Components](https://strata.layers.com/components): the @layers/ui vocabulary rendered stock (requires JS)
- [Elle catalog](https://strata.layers.com/catalog): the generative-UI vocabulary with JSON prop schemas

## Spec Kit

- [strata-spec.css](https://strata.layers.com/spec/strata-spec.css): the self-contained stylesheet for Strata-branded specs; inline the whole file
- [Authoring contract](https://strata.layers.com/docs/specs.md): document skeleton, block vocabulary, house rules
- [Reference spec](https://strata.layers.com/spec/demo.html): every block rendered