# Rep Llama — Brand & Design System

> The specification for everything visual in the Rep Llama Suite: colour tokens,
> typography, the wordmark and its lockups, the family mark, the weave device,
> the tool catalog, page titles, spacing and voice. Rep Llama Suite is a unified
> SSO suite of tools for independent manufacturers' sales representatives.

This page is unlisted (served noindex) but public: no authentication is needed
to read any file below.

## Specification

- [Brand & design system, full text](https://www.repllama.com/brand/brand.md): the complete spec in markdown — the canonical text, and the best single file to ingest
- [Rendered spec](https://www.repllama.com/brand): the same text as a web page, with colour swatches, the mark gallery and the tool accents drawn in place

## Machine-readable

- [tokens.json](https://www.repllama.com/brand/tokens.json): every colour token with its light and dark value, plus typography, weave geometry, spacing, radius
- [tokens.css](https://www.repllama.com/brand/tokens.css): the same colour tokens as CSS custom properties, for non-Next surfaces

## Assets

Ten SVG marks. There is no directory index — link the files directly:

- [mark-primary.svg](https://www.repllama.com/brand/marks/mark-primary.svg): the standalone framed mark
- [master-sheen.svg](https://www.repllama.com/brand/marks/master-sheen.svg): framed, gold sweep — 128px and up
- [master-flat.svg](https://www.repllama.com/brand/marks/master-flat.svg): framed, no sweep — below 128px
- [mark-small.svg](https://www.repllama.com/brand/marks/mark-small.svg): unframed, keeps the navy field — favicon and small UI
- [mark-glyph-ink.svg](https://www.repllama.com/brand/marks/mark-glyph-ink.svg): animal only, for light grounds
- [mark-glyph-reverse.svg](https://www.repllama.com/brand/marks/mark-glyph-reverse.svg): animal only, for dark grounds
- Monochrome reductions: [ink](https://www.repllama.com/brand/marks/mark-mono-ink.svg), [gold](https://www.repllama.com/brand/marks/mark-mono-gold.svg), [grey](https://www.repllama.com/brand/marks/mark-mono-grey.svg), [reverse](https://www.repllama.com/brand/marks/mark-mono-reverse.svg)
- [Visual kit](https://www.repllama.com/brand/kit.html): the human visual reference. JavaScript-rendered — read brand.md instead

## Notes

- The written spec is authoritative over this page's rendering, and the product
  code is authoritative over the spec. Where they disagree, the repo wins.
- The tool catalog is runtime-editable, so the twelve accents listed in §6 are a
  seeded fallback; the database is authoritative.