Vallée · 3 terrains
Semer la Médiathèque
Le plan est prêt : une base PostgreSQL, deux copies, une porte REST. Rien ne bouge avant votre accord.
SemerVoir le plan
Le spécimen · tout se touche
La matière
Les pièces dont sont faites la Graine et Géode, une à une. Chaque jeton se copie d’un clic, chaque forme se survole, et le mouvement dit sa cadence pendant qu’il bouge.
Les jetons · cliquer pour copier
Vingt-trois couleurs, cinq rôles
Le vide
Le cristal
Les sens
Les encres
CrystalInk · le cristal utile, jamais à plat
Glace en haut, bleu profond en bas : #F5FDFF → #9BE9FF → #3594DA. Tout titre doré de la Vitrine devient cette aiguille de glace.
Typographie · un accord spatial × technique
Affichage · Jost Medium
Cristalliser une idée
Texte · Inter
Une graine dit quoi ; le génome en déduit comment, et dit pourquoi.
Instrument · JetBrains Mono
Vallée · 3 terrains · 2 semés · 41 appels
Le dialecte étranger · plus de rectangle arrondi
Chaque forme est une chose
Hexagone régulier : une étape, sa couleur est son état. Hexagone allongé : ce qu’on touche. Éclat : une carte. Survolée, une cellule tourne d’un sixième de tour et retombe exactement sur sa forme — on la sent prise.
Ce qu’on touche
ChoisiVivantReliéComposantDériveVierge
Une étape, cinq états
- Faitece qu’elle produit existe
- À fairele cristal respire
- À venirce qui la précède n’est pas fait
- Bloquéeune erreur à corriger
- Vivanteun cœur qui bat
Éclat · posé
Deux coins opposés coupés, les deux autres à peine émoussés. L’arête prend la lumière depuis la coupe et s’éteint vers la droite.
Éclat · survolable
Le filet et l’arête s’allument. La lueur suit la forme taillée, pas son rectangle : c’est un drop-shadow, qui suit l’alpha.
Le mouvement · trois régimes, une horloge
Abondant ne veut pas dire gratuit
Une seule boucle pour toute la page, réglée sur la cadence la plus haute demandée, arrêtée quand tout est posé. Déclenchez un événement : l’horloge monte à 60 images par seconde le temps qu’il finisse, puis redescend d’elle-même.
Respiration
Un halo, un cœur. 7 i/s suffisent à une lumière qui monte et descend en six secondes.
Dérive
Une rotation lente et lisible tant qu’un système vit : 12 i/s, quelques degrés par seconde.
Événement
Un appel qui file : fluide, à 60 i/s — et il finit toujours.
L’horloge demande—et obtient—
@property · une variable typée s’anime, une chaîne non
Le reflet qui tourne vraiment
Survolez les deux prismes. À gauche, l’angle du dégradé est une variable CSS ordinaire : le navigateur ne sait pas l’interpoler, il saute. À droite, la même variable est déclarée<angle> par @property : elle tourne.
Variable ordinaire
--a : saute
@property <angle>
--angle : s’interpole
Garder la grammaire · changer la matière
Le même composant, deux dialectes
Même balisage, au caractère près. Seuls les jetons diffèrent — et avec eux la forme : le lingot doré devient un prisme, le panneau de verre devient un éclat.
Cosmos · la Vitrine, Almageste, Constellation
Cristal · la Graine, Géode
Vallée · 3 terrains
Semer la Médiathèque
Le plan est prêt : une base PostgreSQL, deux copies, une porte REST. Rien ne bouge avant votre accord.
SemerVoir le plan