Brand kit

# Xenodia Brand System / Unified LLM Token API

## Positioning
Xenodia provides a unified LLM token API, giving developers and agents one way to access intelligence.
Explain how to choose a model, make a request, track token usage, and understand billing. Image and video APIs extend the same account.
Brand promise: Intelligence, through one API. The model catalog and public token pricing help users choose.

## Voice
- Calm, clear, precise. Lead with user value, then explain technical details.
- Use verifiable capabilities, prices, and availability. Avoid unsupported leadership, SLA, or operational claims.
- Public model names and model vendors may appear; internal routing stays internal.
- Keep English and Chinese copy in the existing localization structure.

## Layout and interaction
- Use readable sans-serif headings and body text. Reserve monospace for code, numbers, and short labels.
- Use sentence case for headings. Avoid excessive uppercase and tracking.
- Lead with the value proposition and primary action; place statistics and implementation details afterward.
- Forest green identifies primary actions. Acid lime accents organic imagery; gold appears sparingly. Secondary actions use quiet borders.
- Use aligned desktop grids and natural mobile reading order. Preserve visible keyboard focus and reduced motion.

## Identity assets
- Use brand-icon-organic.png and the favicon. Never stretch or casually recolor the mark.
- Keep clear space of at least half the mark width around standalone marks.
- Write the wordmark as Xenodia in the brand sans-serif stack.
- Avoid decorative blinking, scan lines, and aggressive glow.

## Public design tokens
Source: styles/site-theme.css. Shared across public pages and the administrative console.

| Token | Value |
| --- | --- |
| --bg | #F2F3EB |
| --surface | #FAFBF5 |
| --surface2 | #E5E9DC |
| --accent | #47611D |
| --signal | #CCFF00 |
| --border | rgba(20, 43, 25, 0.24) |
| --border-dim | rgba(20, 43, 25, 0.14) |
| --text | #142B19 |
| --text2 | #53634F |
| --text3 | #65705D |
| --font-display / --font-body | Helvetica Neue, Arial, PingFang SC, Microsoft YaHei, sans-serif |
| --font-mono | Azeret Mono, monospace |

## Component scale
- Content width: 1240px including 24px side padding.
- Main heading: 44–68px desktop; 42–60px mobile.
- Body: 14–16px, line height 1.5–1.8.
- Primary buttons: minimum height 48px, radius 7px.
- Panels: radius 10–14px, one quiet border, no decorative glow.
- Signal lime is a selective accent, never the dominant page background.
- Semantic danger, warning, and success colors are reserved for actual feedback.