Fondations

Les fondations

Les briques de base du langage Ibudo : couleurs, typographie, espacement, rayons, mouvement et logo. Tout part du « O ouvert ».

Couleurs

Bleu = noyau (primaire unique). Les 4 autres = accents en orbite : jamais en aplat plein écran, ils s'allument à l'interaction et tournent de section en section. Les neutres froids (ajoutés à la charte) structurent.

Marque & accents

Bleu — primaire#1862DB · noyau
Vert#01D859
Jaune#F8F326 · texte=encre
Violet#AD61FF
Rouge#FF4E63
Ibudo Ink#1A1E57 · ajout

Neutres froids l'ingrédient premium ajouté

Tokens en 3 tiers (primitive → semantic → component), source DTCG. Theming au tier sémantique — voir Thèmes.

Typographie

Outfit en display (échelle éditoriale forte) · Figtree en corps & UI. Hiérarchie par échelle + poids + couleur.

Aa
Display / H1 — Lance ta startup
H2 — L'écosystème en mouvement
H3 — Un accompagnement complet

Lead — Incubation, talents, recherche, communauté, festival.

Corps (Figtree) — Ibudo fait éclore les solutionneurs. Texte lisible, aéré, interligne 1.6.

Overline — section

Espacement & grille

Base 4px, padding de section fluide (clamp()) → fin des « espaces inégalement répartis ».

4
8
16
24
32
48
64

Rayons & élévation

Des formes rondes, ouvertes. Trois niveaux d'élévation, subtils.

sm · sh1
md · sh2
lg · sh3
pill

Mouvement

Mécanique orbitale : survol = l'accent s'allume ; scroll = reveals + arcs dessinés. Toujours en transform/opacity, prefers-reduced-motion respecté.

survole (attraction orbitale)

Curseur orbital opt-in

Un petit anneau ouvert qui suit la souris et prend l'accent de la section. Désactivé par défaut sur le catalogue. À activer sur les sites vitrines : IbudoOrbital.cursor().

bouge la souris dans la page