# twin3 Design Guidelines

> twin3's visual system: the twin philosophy (two sides born together; one begets two, two beget three, three beget all things), the logo, colour, typography, xHuman.ID and xAgent.ID brands and cards, TCG card standard, application scenarios and downloadable media kits. Version 2.2, 2026-09-27.

Canonical page: https://communication.twin3.ai/

## Read first

- [design.md](https://communication.twin3.ai/design.md): the whole page in Markdown, section by section
- [twin3-design.json](https://communication.twin3.ai/twin3-design.json): tokens, philosophy, rules and asset URLs as structured JSON

## Assets

- [Design tokens CSS](https://communication.twin3.ai/assets/twin3-tokens.css)
- [twin3 mark SVG](https://communication.twin3.ai/assets/twin3-logo.svg)
- [twin3 avatar SVG](https://communication.twin3.ai/assets/twin3-logo-avatar.svg)
- [Complete media kit ZIP](https://communication.twin3.ai/assets/media/twin3-media-kit-all.zip)
- [Design kit ZIP](https://communication.twin3.ai/assets/twin3-design-kit.zip)
- [xHuman.ID brand kit](https://communication.twin3.ai/assets/brands/xhuman-id-brand-kit.zip)
  - [Horizontal Light SVG](https://communication.twin3.ai/assets/brands/xhuman-id/logo.svg) / [PNG](https://communication.twin3.ai/assets/brands/xhuman-id/logo.png)
  - [Horizontal Dark SVG](https://communication.twin3.ai/assets/brands/xhuman-id/logo-reversed.svg) / [PNG](https://communication.twin3.ai/assets/brands/xhuman-id/logo-reversed.png)
- [xAgent.ID brand kit](https://communication.twin3.ai/assets/brands/xagent-id-brand-kit.zip)
  - [Horizontal Light SVG](https://communication.twin3.ai/assets/brands/xagent-id/logo.svg) / [PNG](https://communication.twin3.ai/assets/brands/xagent-id/logo.png)
  - [Horizontal Dark SVG](https://communication.twin3.ai/assets/brands/xagent-id/logo-reversed.svg) / [PNG](https://communication.twin3.ai/assets/brands/xagent-id/logo-reversed.png)
- No square or avatar mark is published for either brand; keep the horizontal wordmark intact.
- [TCG card specification](https://communication.twin3.ai/assets/tcg-card-specification.txt)

## Rules for agents

- Mark colours are fixed: forest #28382D, cream #E5DEC4. Never recolour, rotate, stretch or split the mark.
- Physical (forest) sits left, imaginary (cream) right. Use the mirrored mark on split fields and the reversed mark on dark fields.
- Geist for words, Geist Mono for labels and data. Dates are YYYY-MM-DD.
- English is primary; Chinese is supporting text.

## Optional

- [Legacy v1 archive](https://communication.twin3.ai/legacy.html)
- [twin3.ai](https://twin3.ai/)