brand-decathlon

SKILL.md

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

  1. Pass this skill's directory path as --brand to render.py and compose.py
  2. Scripts read assets/manifest.json for fonts, logos, templates, and tokens
  3. The manifest.json["tokens"] section drives all styling — colors and type scale
  4. Zone overlays on covers/dividers use tokens for font, size, color, and alignment
  5. SVG logos from assets/logos/ are rendered as vectors on cover pages
  6. Content pages are styled via dynamically generated CSS from the same tokens

Keep manifest.json["tokens"] in sync with references/tokens.md.

Weekly Installs
5
GitHub Stars
1
First Seen
Feb 21, 2026
Installed on
opencode5
claude-code5
github-copilot5
codex5
kimi-cli5
gemini-cli5