Loam

Tellus’s design system — one source of truth for tokens, components, and patterns across iOS, Android, and web.

This is Loam, the Tellus design system portal. Everything here is generated from one git-backed source — the DTCG token spine in tokens/ — so the docs can never drift from what ships in code.

Phase 0 — Tokens

The token layer is live. Values, swatches, and copy targets are read directly from tokens/*.json and map 1:1 to the Style Dictionary output for each platform.

PrimitivesThe raw palette and numeric scale. Never used directly.SemanticsIntent-named tokens with Light/Dark, iOS/Android, and use-case docs. Build from these.

How it fits together

tokens/*.json  ──►  Style Dictionary  ──►  Swift · Compose · CSS   (code)
               └─►  <ColorTokens> etc. read the same JSON  ──►  these docs

Coming next (Phase 1): component pages with screenshots from the preview harness and Swift/Compose/CSS code tabs.