Identité visuelle
La marque [d]uxt — où sert chaque ressource, pourquoi les crochets de l'icône sont redessinés, et quelles couleurs sont fixes.
Le logo est un travail provisoire assisté par IA — conçu lors d'une session avec un agent de programmation IA, non par une personne graphiste, et destiné à être remplacé un jour, sans échéance fixée. Aucun générateur d'images n'est intervenu : il est composé typographiquement, pas dessiné.
La marque est le nom du paquet avec sa première lettre entre crochets — [d]uxt —
parce que c'est ainsi que le paquet s'écrit là où il sert :
extends: ['@kirchdev/duxt'];
Un tableau à une entrée. Elle est composée en IBM Plex Mono SemiBold et vectorisée, de sorte qu'aucune ressource ne dépend de la présence de la police.
Les ressources
| Ressource | Chemin | Utilisée par |
|---|---|---|
| Logo | .github/assets/wordmark-light.svg, wordmark-dark.svg | Le hero du README, via <picture> |
| Icônes du site | www/public/favicon.svg, apple-touch-icon.png (180×180) | L'onglet du navigateur |
| Logo dans le site | www/public/wordmark.svg, wordmark-dark.svg | duxt.logo dans www/ |
Le logo du README resserre les chasses des crochets de 120 unités : Plex Mono donne
à [ une chasse de 600 unités pour 311 unités d'encre, et à pleine largeur
monospace les crochets occupent une espace-mot à eux seuls.
Le favicon porte sa propre règle prefers-color-scheme, pour que les deux couleurs
s'éclaircissent contre une barre d'onglets sombre. Le PNG n'existe que parce qu'iOS
ignore les icônes SVG.
Les crochets de l'icône sont redessinés, le d non
Le crochet de Plex fait 311 unités face à un d de 486, et à 16 px ce partage
referme la panse en une tache. L'icône garde le fût (104) et le bras (88) de la
police mais raccourcit le bras à 185, ce qui ramène la marque de 1,45∶1 à 1,13∶1 et
donne à la contreforme les pixels qu'il lui faut.
Le logo n'a pas cette contrainte et reste du Plex pur. C'est toute la différence entre les deux fichiers, et la raison pour laquelle on ne peut pas les produire depuis une source unique.
Couleurs
Les crochets portent la couleur ; les lettres prennent celle du texte environnant. Seule la paire de crochets est fixe.
| Rôle | Hex | OKLCH |
|---|---|---|
| Crochets (clair) | #4F46E5 | oklch(0.511 0.230 277) |
| Crochets (sombre) | #7D7BF5 | oklch(0.644 0.178 281) |
| Lettres (clair) | #15171E | oklch(0.206 0.014 273) |
| Lettres (sombre) | #E8EBF2 | oklch(0.940 0.010 267) |
Licence
IBM Plex est sous SIL OFL 1.1, et la clause 5 tranche explicitement ce cas : « The requirement for fonts to remain under this license does not apply to any document created using the Font Software. » Un SVG contenant des contours est un tel document, aucun fichier de police n'est redistribué, et le nom réservé « Plex » n'apparaît dans aucune ressource. Rien n'est à payer, à créditer ni à relicencier — la mention ci-dessus est une courtoisie.
Rien de tout cela n'est publié
duxt.logo n'est pas défini par défaut, et DuxtBrand retombe sur le duxt.title
du consommateur à côté d'une icône générique. Un site qui étend duxt affiche son
propre nom dans l'en-tête et le pied de page et sa propre icône dans l'onglet,
jamais celle-ci. Chaque ressource ci-dessus appartient à ce dépôt et à www/ —
aucune n'est dans le paquet publié.
Définir la vôtre, c'est Donner son identité à votre site.