What is the primary color used in the Decathlon brand kit?

The primary identity color is a specific blue/purple (#3643BA), which is often paired with a green accent (#7AFFA6) exclusively on dark or blue backgrounds.

Does this skill support rounded corners for UI elements?

No, the Decathlon brand guidelines implemented in this skill specify a 0pt corner radius (no rounded corners) for all elements, including buttons and imagery.

How do I use this skill for PDF generation?

The skill provides a manifest.json and pre-defined templates in the assets directory which can be passed to rendering scripts to apply brand-compliant styling and layouts.

Which fonts are provided with the brand-decathlon skill?

The skill includes the Inter font family for both headings (bold) and body text, and Fira Code for monospaced text requirements.

Decathlon Brand System

Name: Decathlon Brand System
Author: bluewaves-creations

bybluewaves-creations

•

デザインツール

Implements the official Decathlon brand identity through design tokens, typography, and assets for automated document and UI generation.

The brand-decathlon skill provides a comprehensive design system and asset library tailored for creating Decathlon-branded content. It includes specific design tokens for colors and typography, Inter font files, vector logos, and structured PDF templates. By integrating directly with Claude Code, it ensures visual consistency across documents, presentations, and web interfaces, following strict principles like the 0pt corner radius and minimalist layouts to maintain professional brand integrity. It is optimized for use with document generation workflows to produce high-quality, standardized outputs.

主な機能

01Scalable vector logos (SVG) in color and white variants

02Specific guidelines for brand-compliant imagery and data visualization

03Pre-designed A4 PDF templates with defined content zones

04Comprehensive design tokens for colors, typography, and spacing grids

051 GitHub stars

06Complete Inter and Fira Code font families for professional hierarchy

ユースケース

01Automating the creation of branded presentations and marketing assets

02Building web interfaces that strictly adhere to Decathlon's visual identity

03Generating brand-compliant corporate reports and PDF documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bluewaves-creations/bluewaves-skills brand-decathlon

For use in Claude.ai and ChatGPT

Download Skill