Du front livré en production
Des fonctionnalités et des refontes front livrées en production, testées, documentées.
Construire ›Studio front-end · React · Design system · IA encadrée
Plusieurs équipes, un seul front.
CodeBlend construit et cadre le front des produits de grands groupes et d'ETI. Développement React, design system, et des agents IA qui codent dans les mêmes règles que vos équipes.
Ce site est construit comme une mission. Changez un token : toute la page suit.
Essayez ici
Playground · tokens live
Accent
Radius
Titres
:root { --accent: #3561f6; --radius: 6px; --heading-weight: 300; }
Décrire le changement en langage naturel
Avant → Après
Le diff de ce site.
Avant sa refonte, ce site déclarait 6 variantes de bouton en 5 tailles. Il en garde 3, qui lisent toutes les mêmes tokens. Résultat : une couleur change à un seul endroit. C'est le même travail que sur un design system client, à plus petite échelle.
components/ui/button.tsx · avantaprès · Atelier
−variant: { default, destructive, outline, secondary, ghost, link }
−size: { default, sm, lg, xl, icon }
−default: "bg-linear-to-r from-cyan-700 to-blue-600 …"
+variant: { primary, ghost, tertiary }
+size: { sm, md }
+primary: "bg-[var(--accent)] rounded-[var(--radius)]"
Offres
Trois façons de travailler avec CodeBlend
Un design system que vos équipes utilisent
Un design system que plusieurs équipes utilisent vraiment, et que vos agents IA respectent aussi.
Système ›Un lead ou un dev senior dans votre équipe
Un lead ou un dev senior dans votre équipe, y compris pour tenir le poste quand votre lead front part.
Renfort ›Le système en action
L'IA accélère. Le système décide.
Les trois artefacts ci-dessous viennent du dépôt de ce site. Il est construit avec les règles que nous proposons à nos clients.
Matrice de variantes
Un bouton, gouverné de bout en bout
Chaque variante hérite des tokens. 3 variantes, 2 tailles déclarées dans ce site.
Transmission · ADR
docs/adr/0001-design-tokens.md
ADR-001 · Design tokens obligatoires
Statut : accepté
Contexte : couleurs, espacements et arrondis étaient écrits en dur, composant par composant.
Décision : toute couleur, tout espacement et tout arrondi passe par design-tokens.css.
Conséquence : une nouvelle couleur est une modification de token, relue comme le reste du code.
Cadre IA · AGENTS.md
AGENTS.md
# AGENTS.md (extrait) ## Interface - Couleurs, espacements, arrondis : uniquement via design-tokens.css. ## Décisions - Lire docs/adr/ avant toute modification d'interface. ## Revue - Aucun code généré n'est fusionné sans qu'un humain l'ait relu et en réponde.
20 ansde développement web
3références longues depuis 2021
20ADR acceptées que l'équipe Boiron tient dans ses dépôts depuis mars 2026, une pratique que Guillaume y a introduite
12recommandations de pairs et de managers, publiques sur LinkedIn
CodeBlend
Qui intervient
CodeBlend est un studio fondé par Guillaume Chambard. Vingt ans de développement web, des design systems depuis 2021, lead front depuis 2026. Il intervient sur chaque mission.
À propos › · 12 recommandations publiques sur LinkedIn › (nouvel onglet)
Prochaine étape
Votre front est partagé entre plusieurs équipes ?
Trente minutes pour regarder votre situation.
Vous êtes une ESN ou un apporteur d'affaires ? Par ici ›