Le logo Quicksort est notre signature. Il représente l’entreprise partout où il apparaît : sur le site, dans les présentations, dans les documents et à l’écran lors des événements.

Le symbole est un cercle entaillé d’un quartier, avec un point mis à part : une liste coupée au pivot. Le logotype est composé en Martian Mono, la police que nous utilisons pour les données.

Le logo existe sous deux formes : le logo complet et le symbole.

Le logo complet est la version par défaut, dès que la place le permet. Le symbole seul est réservé aux espaces petits ou carrés : favicons, avatars, coin d’une slide.

Pour rester lisible et fort, le logo a toujours de l’espace autour de lui.

La zone de protection (x) est égale au diamètre du point du symbole. Respectez-la de tous les côtés.

Le logo fonctionne de l’onglet de navigateur à l’écran de conférence.

Le logo complet fait au moins 20px de haut. En dessous, utilisez le symbole seul, jusqu’à 16px.

Téléchargez le symbole en SVG, pour fonds clairs et foncés.

Deux polices, deux graisses. Host Grotesk porte les mots ; Martian Mono porte les libellés, les chiffres et le logotype.

N’utilisez que les graisses regular et medium, la casse de phrase partout, et composez chaque chiffre en Martian Mono pour qu’ils s’alignent et se lisent comme des données.

Les deux sont gratuites sur Google Fonts. Ne les remplacez pas.

Tailles pour ordinateur. Les titres se réduisent de façon fluide sur les petits écrans.

La couleur fait le tri. Ink et Paper portent presque tout ; le lime signale la seule chose qui compte.

Cliquez sur une couleur pour copier sa valeur.

Quicksort Ink et Quicksort Paper forment la palette principale et portent l’essentiel de la reconnaissance.

Paper est le fond par défaut des pages ; Ink est réservé aux études de cas, aux films et à tout ce qui doit évoquer une scène.

Le lime est le pivot. Il apparaît une seule fois par écran : le point d’un libellé, la barre qui compte, le bouton à presser.

Sur Paper, le lime a toujours un fin contour Ink pour rester visible. N’utilisez jamais le lime pour du texte sur Paper.

L’échelle Stone sert à la structure et à la hiérarchie : texte secondaire, filets, bordures et fonds discrets.

Stone n’entre jamais en concurrence avec le lime.

L’ensemble des tokens de couleur, tels qu’utilisés dans la feuille de style du site.

--ink: #141414;      --ink-2: #1a1a1a;
--ink-line: #2a2a2a; --ink-line-2: #3a3a3a;
--paper: #f3f0e8;    --paper-2: #faf8f3;
--stone-200: #e4e1db; --stone-300: #b8b4ad;
--stone-400: #8e8a83; --stone-500: #736c61;
--stone-600: #55504a; --lime: #ccff00;

Quinze icônes pixel, dessinées sur une grille en une seule couleur. Trois d’entre elles (agents, puce, boussole) portent un petit accent lime.

Utilisez-les en 20, 24 ou 28px, jamais plus petit, et toujours à côté d’un mot.

Dans l’algorithme, le pivot est la valeur autour de laquelle tout est trié. Dans la marque, c’est notre élément secondaire : l’unique marque lime à l’écran.

Il ne doit pas servir de logo, être répété en décoration ni devenir un motif.

Un seul pivot guide le regard droit vers la décision. Plusieurs pivots s’annulent : utilisez le lime une seule fois par écran.

Chaque figure isométrique explique une idée, la partie lime figurant la décision. Utilisez-les sur les pages de services et d’études de cas, pas sur les visuels d’événements ni à la place de données.

L’animation suit le tri : les éléments arrivent dans l’ordre et le pivot lime se pose en dernier, avec un léger rebond.

Les boucles sont réservées aux films et aux publications sociales, toujours sans son. Tout respecte les réglages de réduction des animations.

Tout le système est packagé en Agent Skill : les règles, les tokens, le logo, les icônes et les figures. Installez-le une fois et votre agent IA (Claude Code, Cursor, Codex et d’autres) concevra dans le style Quicksort et ira chercher chaque élément dont il a besoin.

npx skills add quicksort-sas/design-skills

Ou téléchargez-le et décompressez-le dans le dossier des skills de votre agent :

unzip quicksort-design-skill.zip -d ~/.claude/skills/