Charte Graphique et Codes Couleurs
Centralise les codes hexadécimaux utilisés pour les interfaces, noms d'items, grades et PNJ.
Tout ce document régit l'en-jeu — raretés d'items, PNJ, grades, menus d'inventaire — sauf la dernière section, Identité web, qui régit le site borntocraft.net et lui seul. Les deux palettes sont distinctes par nécessité : elles ne s'affichent ni sur les mêmes fonds, ni dans le même moteur de rendu.
Dernière mise à jour : Août 2026
Raretés des items
| Rareté | Trigger Hex | Couleur Contour | Rendu |
|---|---|---|---|
| Common | #F0F81C | <#999999> | Gris |
| Uncommon | #F0F820 | <#FFF200> | Jaune |
| Rare | #F0F824 | <#00D900> | Vert |
| Epic | #F0F828 | <#0091D9> | Bleu Cyan |
| Legendary | #F0F82C | <#B00012> | Rouge Sombre |
| Mythic | #F0F830 | <#7E00B0> | Violet |
Chaque item DOIT posséder exactement la couleur de contour correspondant à sa rareté.
Marqueurs de quêtes
- Identifiant Quête :
<#FACADE> - Marqueur Hex Étendu :
<#F0F81A>
Types de PNJ
| Type | Code Hex |
|---|---|
| Quêtes | <#FFAE00> (Orange) |
| Décor/Useless | <#00A6FF> (Bleu Clair) |
| Shops | <#00FFB3> (Turquoise) |
Grades joueurs
| Grade | Code Hex |
|---|---|
| Player | #b0b0b0 |
| Copper | #ffb02c |
| Emerald | #05a300 |
| Obsidian | #BF00FF |
| Helper | #f46fd8 |
| Staff | #1a567f |
| Owner | #b00000 |
Styles de menus et Lore
Palette des menus en jeu. Elle est pensée pour le fond sombre de l'inventaire vanilla :
chaque teinte a été remontée en luminosité par rapport à l'ancienne charte, qui donnait
des libellés (#244FFF) et des séparateurs (#8600BD) illisibles sur ce fond.
| Rôle | Code Hex |
|---|---|
| Texte standard | <#FFFFFF> |
| Texte secondaire | <#9AA5B1> |
| Libellé de champ | <#4DA6FF> |
| Titre, onglet, accent | <#FFA640> |
| Débloqué, succès | <#4ADE6A> |
| Verrouillé, erreur | <#FF5C5C> |
| Astuce d'interaction | <#FFD24D> |
| Séparateur | <#B76BFF> |
Titre de fenêtre
Le titre d'un menu est blanc (<#FFFFFF>{breadcrumb}), jamais dark_gray : c'est le
premier repère de navigation du joueur et il se lit sur la barre de titre de l'inventaire.
Le fil d'Ariane sépare ses segments par <#B76BFF> > </#B76BFF>.
Structure de lore normative
Toute lore de bouton suit le même gabarit, dans cet ordre :
- la description, une phrase, en texte standard ;
- un séparateur ;
- le contenu, une ligne par donnée, en libellé de champ ;
- un séparateur ;
- l'astuce d'interaction (
Clic gauche > ...), en astuce.
Statistiques vanilla
Un item posé dans un menu est une image, pas un objet : dégâts d'attaque, armure,
durabilité, « peut contenir 64 piles », enchantements, teinture et parures sont masqués
par le moteur (MenuItemTooltip, GUIExtension). Les emplacements dont le joueur peut
retirer l'objet — sacs à dos, garde-robe — sont laissés intacts : ce qui sort du menu
doit être l'objet complet.
Notes de design
Tous les messages système et lore doivent respecter ces codes pour assurer une identité visuelle cohérente et premium.
Identité web
Périmètre : le site borntocraft.net uniquement. Rien de cette section ne s'applique en jeu, et rien des sections précédentes ne s'applique au site.
L'identité web dérive du croquis du logo BTC — lettres B/T/C en grès, cuivre patiné et
bois, posées sur des engrenages en terre cuite rouillée envahis de lierre, sur un socle de
pierre claire. Direction : organique et mécanique, cuivre vieilli, vert-de-gris, grès
et mousse. Le cyan néon #5CE0D6 de la première version du thème est abandonné : il
n'a aucun équivalent dans le rendu en jeu.
Fonds
| Rôle | Hex | Usage |
|---|---|---|
| Fond | #0B1A2F | Ciel nocturne de l'Archipel Céleste. Fond général du site. |
| Fond secondaire | #0E1E30 | Alternance de sections. |
| Surface | #2E1E16 | Cuir. Cartes, panneaux, encarts. |
| Surface haute | #3D2B1F | Cuir clair. Survol, éléments actifs. Le plus clair des quatre : c'est lui qui contraint la palette de texte. |
Le ciel nocturne est conservé plutôt qu'un fond brun-pierre : l'univers est un archipel flottant, et toutes les couleurs de texte de la palette y passent AA. Le brun-pierre mesurait légèrement mieux, l'écart ne justifiait pas de perdre le ciel.
Teintes de marque
| Rôle | Hex | Texte ? |
|---|---|---|
| Cuivre — primaire | #C87941 | Oui sur fond et surface. Non sur surface haute (4,01). |
| Vert-de-gris — secondaire | #6BB0A8 | Oui partout (min 5,37). Remplace le cyan. |
| Vert-de-gris profond | #4E8B87 | Non. Aplats, bordures et remplissages uniquement. |
| Or — accent | #E8C56D | Oui partout (min 8,08). |
| Grès crème | #EDE0C8 | Oui partout (min 10,29). Couleur du texte courant. |
| Pierre claire | #C9C4B4 | Oui partout (min 7,70). |
| Mousse | #7D9B4E | Oui sur fond. Non sur surface haute (4,27). |
| Terre cuite | #B5674D | Non. Aplats uniquement (4,17 au mieux). |
| Bois | #A9713F | Non. Aplats uniquement. |
| Contours | #4A3428 | Non. Filets et bordures uniquement. |
Texte
| Rôle | Hex | Contraste minimal |
|---|---|---|
| Texte courant | #EDE0C8 | 10,29 |
| Texte atténué | #B8AC98 | 6,01 |
| Texte discret | #AA9B86 | 4,95 |
| Texte sur aplat clair | #1A0F08 | 4,49 |
États
| Rôle | Hex | Contraste sur fond / surface |
|---|---|---|
| Succès | #7DBE6A | 7,85 / 7,19 |
| Erreur | #E97A6A | 6,20 / 5,68 |
| Information | #6BB0A8 | 6,98 / 6,40 |
| Métal froid | #8A9BA8 | Aplats et icônes. |
Règles
Le texte posé sur un aplat clair est #1A0F08, jamais #4A3428. Le contour du croquis
paraît fait pour ça, il ne l'est pas : mesuré, il donne 3,46 sur le cuivre et 3,97 sur le
vert-de-gris — sous le seuil. C'est le mécanisme exact du bouton « Connexion » illisible de
la boutique, en cyan sur or.
Une couleur marquée « aplats uniquement » ne porte jamais de texte. Terre cuite, bois, vert-de-gris profond et contours sont là pour les surfaces et les filets.
Toute paire texte / fond atteint WCAG AA : 4,5:1 en texte courant, 3:1 en texte large
et en élément d'interface. La contrainte est fixée par la surface haute #3D2B1F, pas par
le fond général.
Le site ne porte aucune couleur en dur. Tout passe par les propriétés personnalisées
CSS de :root dans assets/css/borntocraft.css, dont les noms reprennent les rôles
ci-dessus. Une couleur interne à une illustration qui ne correspond à aucun rôle est
tolérée, mais commentée sur place.
Ne pas contredire l'en-jeu
Les accents en jeu — #FFA640 titre, #4DA6FF libellé de champ, #B76BFF séparateur —
gardent leurs valeurs et leurs noms. Aucun rôle web ne réutilise un de ces noms avec une
valeur différente.
Niveaux des mobs — charte validée le 8 septembre 2026
Badge Nv. N à gauche du nom, fond sombre #2E3440, bordure 1 px et hauteur 11 px.
Le niveau vient du mob ; aucune valeur n'est inventée s'il est absent.
| Niveaux | Texte et bordure |
|---|---|
| 1–10 | #ECEFF4 |
| 11–20 | #A3BE8C |
| 21–30 | #8FBCBB |
| 31–40 | #88C0D0 |
| 41–50 | #81A1C1 |
| 51–60 | #B48EAD |
| 61–70 | #EBCB8B |
| 71–80 | #D08770 |
| 81–90 | #BF616A |
| 91 et plus | Texte #ECEFF4, bordure #EBCB8B, SHINE discret |
Les fractions sont tronquées avant affichage et choix de tranche. Au-delà de 100, le vrai numéro reste affiché. Ces couleurs représentent un niveau absolu, pas un danger relatif. Les chiffres sont du texte : les anciennes images par niveau sont retirées après contrôle des usages. La validation visuelle du rendu en jeu reste une étape distincte de cette validation de conception.