Quick start
Pick a channel, download its template, author against the brand tokens, ship.
Production
Pick a channel
| Deliverable | Channel |
|---|---|
| One-pager, poster, trade-show flyer | Printed Media |
| Spec, report, RFP, proposal | Document |
| Pitch deck, conference talk, internal review | Slide Deck |
| Single-file HTML report, dashboard | HTML Artifact |
Tour
| Section | What's there |
|---|---|
| Brand | Identity, positioning, taglines |
| Logos | Variants, icons, spinners, usage rules |
| Avatars | Team and agent avatar generation |
| Colors | Palettes, semantic tokens, accessibility |
| Theme | Component defaults, color modes, motion |
| Typography | Fonts, scale, role mapping |
| Layout | Spacing, grid, breakpoints |
| Voice | Personality, tones, writing style, terminology |
| Channels | Reference templates for print, docs, decks, HTML |
| CLI | Stylebook CLI reference |
Steps
- Pick a channel by deliverable.
- Open the channel page and download the template bundle.
- Author against the brand tokens — colors, typography, voice.
- Build with
stylebook buildand verify the output.task build open packages/channels/<your-channel>/...
Verify
Open the rendered artefact in a browser. Brand colors render in Ontopix magenta; body type uses the channel's declared font role; the artefact's :root CSS variables match @ontopix/nuxt-layer-ui.
Related
- Channels — the four rendering targets and what each ships.
- Colors → Usage guide — pick a token by job, not by hue.
- Typography → Role mapping — pick a font role by what the text does.
- Voice → Writing style — the rules that apply across every Ontopix context.