Le nuancier
Une salle, quatre matières, une lumière. Tout ce qui suit sort de la même pièce.
Les quatre matières et la lumière
Couleurs rangées par matière, ratios mesurés
La pénombre
Le fond de toutes les pièces. Brun-noir chaud, jamais bleu nuit.
--nuit-0#0a0705Théâtre du pack--nuit-1#120d09Fond de l'app--nuit-2#1b140fSurfaces dans l'ombre--nuit-3#261d15Surfaces relevées
La craie
Le texte posé sur la pénombre. Trois intensités, toutes au-dessus de 6:1.
--craie#f1e9d9Texte principal · 16:1--craie-2#c7b8a0Texte secondaire · 9,9:1--craie-3#a39279Libellés · 6,4:1
Le bois
Le parquet. Il structure les fonds, il ne porte jamais de texte sans voile.
--bois-clair#c99a62Érable sous la lumière--bois#a8743fLame--bois-fonce#5e3b1dLame dans l'ombre--joint#24150aJoints
Le papier et l'encre
Le classeur, les cartels, la feuille de marque. L'encre y imprime le texte.
--papier#ebe2cdFeuille--papier-ombre#dacdb1Feuille dessous--encre#1f1a14Texte sur papier · 13,4:1--encre-2#54483aSecondaire · 6,9:1--encre-3#6f604eLibellés · 4,7:1
Le métal
La rareté est une surface. Bronze terni, argent brossé, or poli, Légende nacrée.
--bronze#96663fBronze terni--argent#b6bbc1Argent brossé--or#c9962eOr poli--nacre-3#86bfa6Nacre de Légende (une des cinq)
L'accent, l'encre de tampon, la lumière
Un seul accent : le cuir orange du ballon, réservé à l'action principale. Le rouge est l'encre des accomplissements. Le tungstène, la seule lumière.
--cuir#a8481aAction principale · craie dessus 4,8:1--tampon#ad2f28Tampons · 5,1:1 sur papier--tungstene#ffd49aProjecteur, focus, onglet actif--fil#efe7d6Coutures
Les couleurs des douze clubs vivent sur les maillots et les écussons, jamais dans l'interface. Une information n'est jamais portée par la couleur seule : la rareté est toujours écrite.
Typographie deux familles, deux voix
Stade · Big Shoulders
84–79
Le classeur
Ce soir sur le banc
TIR 58 · FIN 84 · PAS 55 · DEF 95
Dessinée pour la signalétique de Chicago, avec un axe de taille optique : elle tient du chiffre de maillot géant au libellé de 12 px. Scores, notes, numéros, titres, boutons, étiquettes.
Cartel · Spectral
Une salle de basket, la nuit. Ton classeur est posé sur la table.
Production Type, fonderie parisienne. Bios, légendes, consignes, récit du match. La voix posée du panthéon et du commentateur. Corps 17 px, interlignage 1,5, mesure de 65 caractères au plus.
« On ne rentre pas dans sa raquette sans visa. »
--t-monument | 76 à 120 px | Scores du panneau |
|---|---|---|
--t-titre-1 | 48 à 76 px | Titre de pièce |
--t-titre-2 | 30 à 42 px | Titre de section |
--t-chapo | 19 px | Phrase d'ambiance, consigne du théâtre |
--t-corps | 17 px | Texte courant |
--t-petit | 14 px | Notes, aides |
--t-micro | 12 px | Libellés en capitales espacées (stade) |
Espaces une échelle de 4
--e-14 px--e-28 px--e-312 px--e-416 px--e-524 px--e-632 px--e-748 px--e-872 px
Plus d'air au-dessus d'un titre qu'en dessous. Gouttière fluide de 16 à 32 px. Cibles tactiles de 44 px au moins, 52 px pour les boutons.
Formes et élévation posé, tenu, creusé
Rayons : papier 2 px (les feuilles ont des coins nets), étiquettes 3 px, plaques 6 px, boutons 12 px, cartes 4,6 % de leur largeur. Aucun élément n'est une pilule.
Composants faits maison, dans la matière
La carte-objet
Carton imprimé, cadre de métal, tranche visible, reflet qui suit le doigt. La rareté se lit au cadre avant tout le reste.
Boutons
Un seul écusson orange par écran : c'est l'action du moment. Le fil pour le secondaire, l'étiquette quand le bouton est posé sur du bois, le discret dans une phrase. Focus : un liseré tungstène, partout.
Étiquettes, tampons, écussons
Le sachet
Kraft pour le Découverte, foil or pour le Pack Or. Sertissage pressé à chaud, cachet d'édition en relief, bande de déchirure avec encoche. Voir le rituel complet : le banc.
Le panneau à palettes, les contrôles
États chacun dit pourquoi, et quoi faire
Chargement
Le classeur arrive
On le sort du sac.
Erreur
Un ballon perdu
On enquête. Réessaie dans un instant ; si ça recommence, envoie ce code : PG-404-SALLE.
Revenir dans la salleMouvement du poids, un seul grand moment
--d-tap | 120 ms | Retour d'un appui |
|---|---|---|
--d-court | 220 ms | Onglets, segments, reflets |
--d-moyen | 420 ms | Feuilles qui montent |
--d-flip | 640 ms | Retournement d'une carte |
--d-flip-legende | 1 050 ms | Retournement de la Légende, la demi-seconde de plus |
--ease-poids | cubic-bezier(.22,.8,.18,1) | Un objet lourd qui se pose |
--ease-elan | cubic-bezier(.55,0,.8,.3) | Ce qui tombe : le sachet, le tampon |
--ease-flip | cubic-bezier(.45,.05,.2,1) | Le carton qui tourne |
Transform et opacité seulement, rien en boucle. Avec « réduire les animations », chaque acte reste : le geste de déchirure suit toujours le doigt, les retournements deviennent des fondus de 200 ms, les tampons apparaissent sans choc. La cérémonie est la même, immobile.
Voix un magazine sportif, pas un tableau de bord
- Oui « Reyner a mangé le Q4 tout cru. » · « Ton banc a pris l'eau. » · « Tire jusqu'au bout : le papier résiste encore. »
- Non Pas de fausse urgence, pas de « presque eu », pas de culpabilisation. Pas d'emoji, pas de jargon d'application.
- Toujours Les taux sont écrits sur le pack. Les données de démonstration sont dites comme telles. La mention « jeu indépendant non affilié » suit partout.