Decathlon Brand Kit
Quick Reference
- Primary color: #3643BA (blue/purple)
- Accent: #7AFFA6 (green) — only on blue/dark backgrounds
- Body font: Inter (assets/fonts/body.ttf)
- Heading font: Inter Bold (assets/fonts/heading-bold.ttf)
- Page format: A4
- Text color: #212121 (never pure black)
- Background: white
- No rounded corners
Assets
Use the manifest at assets/manifest.json as the programmatic entry point.
Fonts
Four roles: heading, body, mono. All TTF files in assets/fonts/.
| Role | Family | Weight | File |
|---|---|---|---|
| Heading | Inter | regular | heading.ttf |
| Heading | Inter | bold | heading-bold.ttf |
| Body | Inter | regular | body.ttf |
| Body | Inter | italic | body-italic.ttf |
| Body | Inter | bold | body-bold.ttf |
| Body | Inter | bold italic | body-bold-italic.ttf |
| Mono | Fira Code | regular | mono.ttf |
Logos
Variants: full lockup and mark, each in color and white. Files in assets/logos/. Use logo-full-color.svg as default.
| Variant | Color | White |
|---|---|---|
| Full lockup | logo-full-color.svg/.png | logo-full-white.svg/.png |
| Mark | logo-mark-color.svg/.png | logo-mark-white.svg/.png |
| Favicon | favicon.png (512x512) | — |
| Wordmark | wordmark.svg | — |
PDF Templates
Pre-designed pages in assets/templates/pdf/. Content placement defined in assets/templates/pdf/zones.json.
Select from templates: cover-front, cover-back, page-content, page-blank, section-divider, color-primary, color-accent.
Patterns
Find decorative assets in assets/patterns/: pattern-01.svg/.png, divider-line.svg.
Design Tokens
For full token definitions (color palette, type scale, spacing grid, shadows), see references/tokens.md.
Key Design Principles
- Inter for both headings (bold) and body (regular) — single-family harmony
- Blue/purple primary (#3643BA) carries the identity
- Green accent (#7AFFA6) only appears on primary blue or dark backgrounds
- White backgrounds with near-black text (#212121)
- No rounded corners on any element
- Apple-minimalist: clean font hierarchy, no decorators/lines, perfect typography and spacing
Imagery Guidelines
- Style: Professional reportage — natural, in-situation photography
- Color treatment: Full-color, natural light
- Corner radius: 0pt (no rounded corners)
- Subjects: Sport activities, action photography, diverse participants
- Avoid: Extreme situations, studio photography, stock-photo poses
- AI prompt prefix:
authentic sports reportage, natural light, dynamic composition, diverse participants, real-world setting, action photography, no rounded corners
Chart Guidelines
- Primary palette: Blue/purple (#3643BA), green accent (#7AFFA6), then semantic colors
- Sequential: Light-to-dark blue/purple gradient (7 stops)
- Diverging: Red ↔ Green through neutral gray
- Highlight color: #7AFFA6 (green accent) on #212121 contrast
- Figure background: White (#FFFFFF)
- Charts use brand typography tokens (h3 for titles, body-sm for axis labels, caption for ticks/legends)
Usage with PDF Factory
- Pass this skill's directory path as
--brandto render.py and compose.py - Scripts read
assets/manifest.jsonfor fonts, logos, templates, and tokens - The
manifest.json["tokens"]section drives all styling — colors and type scale - Zone overlays on covers/dividers use tokens for font, size, color, and alignment
- SVG logos from
assets/logos/are rendered as vectors on cover pages - Content pages are styled via dynamically generated CSS from the same tokens
Keep manifest.json["tokens"] in sync with references/tokens.md.