Resources

Assets & links

Everything you need outside the docs themselves — brand files, design source, install commands, and the JSON exports agents and other tools can ingest.

Brand assets

Logo files in PNG. SVG variants are coming. Use logo.png when the surface is small (favicons, square avatars), and logo-text.png for headers and wordmarks.

Logo (mark)

2048×2048 — square mark

logo.png

Wordmark (light)

2048×711 — for light backgrounds

logo-text.png

Wordmark (dark)

2048×711 — for dark backgrounds

logo-text-alt-black.png

Color references

The canonical theme's brand color is the Kaotypr indigo. For most reskins you'll override --primary instead — see Branding.

Figma

The Figma kit lives in a private library — drop a request and I'll add you. The kit mirrors the canonical theme: every color token, radius, shadow, and density variant is a Figma variable, so reskins in code propagate to design (and vice versa) without manual sync.

Request access

Components & install

Components live at the shadcn-compatible registry ui.kaotypr.com . Install any component via the standard shadcn CLI pointed at the Kaotypr registry:

pnpm dlx shadcn@latest add https://ui.kaotypr.com/r/button.json
pnpm dlx shadcn@latest add https://ui.kaotypr.com/r/card.json
# …or any other component

Theme bootstrap

The canonical theme is one CSS file — drop it into app/globals.css(or wherever your project keeps its global styles) and you're running with the full token surface. Override at :root + .dark per the branding tutorial.

@import "tailwindcss";
@import "@kaotypr-ui/theme";

/* your overrides go below — see /branding */
:root {
  /* --primary: oklch(...); */
}

.dark {
  /* --primary: oklch(...); */
}

For agents & tools

Machine-readable exports for LLM agents, design tools, and lint scripts.

llms.txt

Index for LLM ingestion. Lists every page with a one-line summary.

llms-tokens.json

Full token export — names, values (light + dark), tier, family, comment.

LLM reference (HTML)

Single dense page covering tier rules, disambiguation, migration map, forbidden patterns, common tasks. Optimized for one-fetch ingestion.

Component registry

shadcn-compatible JSON endpoints for every component.

What's missing here

SVG logo variants — coming. PNG is fine for now.
Public Figma kit — currently invite-only.
ESLint / Stylelint configs that enforce token usage — lives only as docs today; CLI version is on the roadmap.
VS Code snippets / IntelliSense — the token names autocomplete via your existing Tailwind plugin; a Kaotypr-specific extension is not yet shipped.

Search Kaotypr Design System