Design system

Composants AIMC.

Page laboratoire hors navigation. Elle sert uniquement à voir les composants, les tokens et les règles UI sans le layout normal du site.

Principes

Règles non négociables

Largeur contrôlée: page publique via --site-max, lab via --lab-max.

Poids maximum 600. Pas de bold agressif.

Letter spacing a 0 dans les surfaces produit.

Rayons courts: 8px par défaut, 10px pour les cartes denses.

Borderless par défaut. Une bordure visible doit justifier un état ou une saisie.

Un CTA primaire par surface. Les actions secondaires restent calmes.

Tokens

Couleurs système

Fond

var(--bg)

Fond doux

var(--bg-soft)

Texte

var(--fg)

Texte secondaire

var(--muted)

Séparateur

var(--line)

Typographie

Hiérarchie

Titre page

Ce que le club construit

Titre section

Produits et services

Texte

Phrase courte, lisible, sans effet marketing inutile. Le texte explique l'action et réduit le doute.

Composants

Actions, cartes, formulaires

Boutons

Ajouter un produitAjouter un service

Carte

Agent Ops

Un produit IA pour automatiser les opérations répétitives.

Produit

Formulaire

Uploads

Image ronde et carrée

Avatar rondCarré recommandé. PNG, JPG, WebP ou SVG. 2 Mo max.
Ajoute une photoGlisse une image ici ou choisis un fichier.

Liens

Navigation texte

Lien standardLien secondaireCe que le club construitVoir

Audit

Cette page suit le système

Layout

Sidebar interne, aucun topbar/footer public.

Couleurs

Uniquement var(--bg), var(--bg-soft), var(--fg), var(--muted), var(--line).

Typo

Geist, poids 400/500/600, pas de gras au-dessus.

Actions

Primaire rare, secondaire calme, même rayon que le produit.