# Documentation

> The projectious.work brand and design system — foundations, logo, interface patterns, collateral, and usage terms.

---

LLMS index: [llms.txt](/brand/v2.0.2/llms.txt)

---

<div class="pageinfo pageinfo-primary">

This documentation is rendered by the design system it describes. Every colour
chip, type row, and code block on this site is produced from the same tokens the
pages document.

</div>


## Where to start

| If you want to… | Read |
|---|---|
| Use the palette correctly, including dark mode | [Colour](/brand/v2.0.2/docs/foundations/color/) |
| Set text in the brand's voice | [Typography](/brand/v2.0.2/docs/foundations/typography/) |
| Place the logo without breaking it | [Logo usage](/brand/v2.0.2/docs/logo/usage/) |
| Build an interface | [Interface](/brand/v2.0.2/docs/interface/) |
| Produce a deck, signature, or social card | [Collateral](/brand/v2.0.2/docs/collateral/) |
| Know what you are allowed to reuse | [Governance](/brand/v2.0.2/docs/governance/) |
| Pull the raw values into a project | [Tokens](/brand/v2.0.2/docs/tokens/) |

## How the system is organised

**Foundations** are the primitives — colour, type, spacing, shape, motion.
Everything else composes from them.

**Logo** covers the mark, the four lockups, and the rules that keep them legible.

**Interface** applies the foundations to screens: components, code surfaces,
dark mode, icons, and forms.

**Collateral** covers the artefacts that leave the product — decks, cards,
signatures, social imagery.

**Governance** covers licensing, trademark, the pre-launch legal assessment, and
asset provenance.

## Source of truth

The canonical design documents live in [`brand/`](https://github.com/projectious-work/brand/tree/main/brand)
in the repository — the HTML design-system documents, logo files, document
templates, and the token exports. This site is the readable presentation of
those sources, not a replacement for them.

---

Section pages:

- [Foundations](/brand/v2.0.2/docs/foundations/): The primitives — colour, typography, spacing, shape, and motion. Everything else composes from these.
- [Logo](/brand/v2.0.2/docs/logo/): The mark, the four lockups, and the rules that keep them legible.
- [Interface](/brand/v2.0.2/docs/interface/): The foundations applied to screens — components, code surfaces, dark mode, icons, and forms.
- [Themes](/brand/v2.0.2/docs/themes/): Configuration of theme framworks for usage with the projectious.work brand system
- [Portfolio presentation](/brand/v2.0.2/docs/portfolio/): Truthful status, social-preview, diagram, and demo patterns.
- [Media](/brand/v2.0.2/docs/media/): Motion, audio, video, photography, and presentation guidance.
- [Collateral](/brand/v2.0.2/docs/collateral/): Artefacts that leave the product — cards, signatures, and social imagery.
- [Governance](/brand/v2.0.2/docs/governance/): Licensing, trademark, the pre-launch legal assessment, and per-asset provenance.
- [Tokens](/brand/v2.0.2/docs/tokens/): Machine-readable exports of the design values, and how to consume them.