@zevra/ui 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DECISIONS.md +60 -0
- package/dist/css-inline.d.ts.map +1 -1
- package/dist/css-inline.js +1 -1
- package/dist/css-inline.js.map +1 -1
- package/logos/index.json +21 -1
- package/logos/svg/zevra-wordmark-current.svg +7 -0
- package/package.json +1 -1
- package/react/css-inline.ts +1 -1
- package/src/components.css +62 -0
- package/src/tokens.css +1 -1
package/DECISIONS.md
CHANGED
|
@@ -655,3 +655,63 @@ un logo ne demande plus que de déposer le fichier et de relancer
|
|
|
655
655
|
|
|
656
656
|
Ils héritent du manque déjà signalé pour les cinq autres : pas de version
|
|
657
657
|
monochrome, pas de lockup. Sur navy ou sous 24px, ils ne conviennent pas.
|
|
658
|
+
|
|
659
|
+
## Le mot redevient un tracé (26/08/2026, 0.14.0)
|
|
660
|
+
|
|
661
|
+
Un lockup ne se réduit pas. Celui de Zevra mesure 555×200, sa capitale
|
|
662
|
+
70px, et le site l'affichait à **14,7px de capitale** dans la barre de
|
|
663
|
+
navigation, 10,5 sur téléphone, 9,8 dans le pied de page — une réduction
|
|
664
|
+
de près de cinq fois. Chaque fût tombait alors sur une fraction de pixel
|
|
665
|
+
et recevait sa propre dose de lissage : le mot virait au gris, et le V,
|
|
666
|
+
seul à n'avoir aucun fût vertical sur quoi s'aligner, semblait flotter.
|
|
667
|
+
|
|
668
|
+
Le mot devient donc un SVG, `logos/svg/zevra-wordmark-current.svg`, et le
|
|
669
|
+
lockup un assemblage : la marque (PNG couleur, c'est un dégradé) plus le
|
|
670
|
+
mot (tracé, à `currentColor`). Composant `.zv-lockup`.
|
|
671
|
+
|
|
672
|
+
### Ce n'est pas un retour des lockups
|
|
673
|
+
|
|
674
|
+
L'arbitrage du 24/08/2026 tenait à la redondance : quarante fichiers,
|
|
675
|
+
monochromes et lockups mélangés, dont personne ne savait lequel était le
|
|
676
|
+
bon. Ici, **un** fichier par produit, et il n'a pas de jumeau : à
|
|
677
|
+
`currentColor` il sert le papier, le navy et la bande sombre. C'est
|
|
678
|
+
d'ailleurs lui qui donne enfin corps aux nuances encre / navy / blanc que
|
|
679
|
+
le registre décrivait sans qu'aucun fichier ne les fournisse. La nuance
|
|
680
|
+
`current` est entrée au registre pour ça.
|
|
681
|
+
|
|
682
|
+
### Les proportions sont mesurées, pas estimées
|
|
683
|
+
|
|
684
|
+
Relevées au pixel sur le lockup d'origine : la marque vaut **2,86 fois**
|
|
685
|
+
la capitale, l'écart entre les deux **0,64 fois**, et les deux pièces se
|
|
686
|
+
**centrent l'une sur l'autre** — elles ne partagent pas de ligne de base.
|
|
687
|
+
Tout se pilote par `--zv-cap`, qui EST la hauteur de capitale : le viewBox
|
|
688
|
+
du SVG a 100 unités de haut pour la capitale, si bien qu'une hauteur CSS
|
|
689
|
+
posée dessus se lit directement.
|
|
690
|
+
|
|
691
|
+
### Le seuil de lisibilité
|
|
692
|
+
|
|
693
|
+
Sous **11px de capitale**, le mot ne se lit plus. Ce n'est plus une
|
|
694
|
+
question de netteté mais de taille, et aucun fichier n'y changera rien :
|
|
695
|
+
`.zv-lockup--marque-seule` montre la marque seule. C'est elle qui
|
|
696
|
+
identifie ; le mot ne fait que nommer.
|
|
697
|
+
|
|
698
|
+
### ⚠️ Ce tracé est un relevé, pas l'original
|
|
699
|
+
|
|
700
|
+
Le fichier vectoriel d'origine n'a pas été retrouvé : le tracé est
|
|
701
|
+
reconstruit depuis le bitmap, par ajustement de droites sur le contour
|
|
702
|
+
(les lettres sont géométriques, leurs côtés sont des segments). Il est
|
|
703
|
+
fidèle à **0,1 % en largeur** et mesurablement plus lisible que le bitmap
|
|
704
|
+
partout où le site le pose — mais il porte les approximations du relevé.
|
|
705
|
+
|
|
706
|
+
**Réservé à l'écran, jusqu'à 120px de capitale.** Au-delà — grand format,
|
|
707
|
+
impression — exiger le fichier d'origine, qui remplacera celui-ci sans
|
|
708
|
+
changer une ligne de code.
|
|
709
|
+
|
|
710
|
+
### Au passage : le commentaire du token était faux
|
|
711
|
+
|
|
712
|
+
`--font-display` annonçait « titres 200-400, wordmarks 600 ». Mesure faite,
|
|
713
|
+
le mot du lockup a un rapport fût/capitale de 0,129, soit du **400** — et
|
|
714
|
+
surtout il n'est PAS dessiné en Outfit : à capitale égale, son E est 20 %
|
|
715
|
+
plus étroit, son V 24 %, son A 26 %. Seul le Z coïncide. La mention a été
|
|
716
|
+
retirée plutôt que corrigée : le mot n'est pas de la typographie, c'est un
|
|
717
|
+
tracé.
|
package/dist/css-inline.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAA2kuO,CAAA;AAErmuO;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAm4B,CAAA"}
|