Charte graphique
Version d'octobre 2026 · comptoir-nakama.ch · @comptoir_nakama
Charte graphique
Version d'octobre 2026 · comptoir-nakama.ch · @comptoir_nakama
L'échoppe devant le soleil couchant, c'est le comptoir : l'endroit où les dresseurs se retrouvent pour échanger leurs cartes. Choisis la déclinaison selon la place disponible.
La version complète, avec la baseline. Pour l'accueil, les affiches, la couverture d'un document, partout où il a de la place.
01-logos/logo-principal_transparent.png
L'échoppe seule, sans texte. Quand le nom est déjà écrit à côté, ou pour un visuel de réseau social.
01-logos/embleme_transparent.png
Le nom seul, sur une ligne. Pour l'en-tête du site, une signature, un bandeau. En blanc ou en ambre sur fond sombre, en ardoise sur fond clair.
01-logos/logotype_blanc.png · _ambre · _ardoise
L'échoppe simplifiée pour les petites tailles : onglet du navigateur, icône de l'application, avatar. C'est la seule version vectorielle.
02-symbole/symbole.svg
1/4 de la largeur
Garde autour du logo un espace vide égal au quart de sa largeur, de chaque côté. Aucun texte ni image n'y entre.
| Version | Écran | Imprimé |
|---|---|---|
| Logo principal | 120 px de large | 30 mm |
| Logotype | 100 px de large | 25 mm |
| Emblème | 48 px de large | 12 mm |
| Symbole | 16 px | 5 mm |
En dessous, la baseline et les détails des lanternes ne se lisent plus : passe à la déclinaison plus simple.
Un fond d'ardoise sombre, un texte couleur craie, et une seule couleur vive : l'ambre du soleil. Le jade et le corail ne servent qu'à signaler un état.
#F0B429 · RGB 240 180 41Le soleil du logo, les boutons, les liens.#12161B · RGB 18 22 27Le fond principal, partout.#EEF2F6 · RGB 238 242 246Le texte et le lettrage du logo.#1B2128 · RGB 27 33 40Les cartes et les blocs posés sur le fond.#2F3945 · RGB 47 57 69Bordures, séparateurs, toit de l'échoppe.#9AA7B4 · RGB 154 167 180Le texte secondaire.#58C3A4 · RGB 88 195 164Signal : en vente, disponible, réussi.#E2685F · RGB 226 104 95Signal : erreur, suppression.#232B34 · RGB 35 43 52Champs de saisie, blocs secondaires.L'ambre attire l'œil parce qu'il est rare : un bouton, un mot, le soleil. Une page couverte d'ambre n'a plus rien à montrer.
Toutes trois sont gratuites (licence SIL Open Font), sur Google Fonts. Les fichiers pour le web sont dans 06-polices.
Pour les titres seulement, jamais pour un paragraphe. C'est elle qui donne la voix de l'enseigne.
Ouvrir mon comptoir
Boutons, étiquettes, prix, numéros de carte, sous-titres.
Tout le texte courant : descriptions, aide, courriels.
| Police | Où la trouver |
|---|---|
| Kanit | fonts.google.com/specimen/Kanit |
| Space Grotesk | fonts.google.com/specimen/Space+Grotesk |
| Open Sans | fonts.google.com/specimen/Open+Sans |
Le Comptoir est une taverne de collectionneurs : on s'y tutoie, on parle simplement, et on dit les choses telles qu'elles sont.
| Dresseur | la personne qui vend ses cartes |
| Comptoir | la boutique d'un dresseur, et le site lui-même |
| La taverne des collectionneurs | la promesse du site |
| Cartes · Collection · Communauté | la baseline du logo |
| Dossier | Contenu | Usage |
|---|---|---|
| 01-logos | Logo principal, emblème, logotype en trois couleurs | Web, présentations, documents |
| 02-symbole | Symbole en SVG, et en PNG de 512 à 2048 px | Toutes tailles, impression comprise |
| 03-icones-app | Icônes de l'application et du site | Écran d'accueil du téléphone |
| 04-reseaux-sociaux | Avatars Instagram, aperçu de partage 1200 × 630 | Profils, liens partagés |
| 05-couleurs | Palette en image, en texte et en CSS | Graphistes, développeurs |
| 06-polices | Fichiers web des trois polices | Site, pages web |
| 07-sources-originales | Planche d'origine, découpée par variante | Référence, ne pas diffuser telle quelle |
Le logo principal, l'emblème et le logotype n'existent qu'en images de 340 à 640 pixels de large. C'est assez pour un écran, une présentation ou un document A4, pas pour une affiche, un autocollant grand format ou un textile.
Pour ces supports, le logo doit d'abord être redessiné en vectoriel par un graphiste, à partir du logo principal. Le symbole simplifié, lui, est déjà vectoriel et s'imprime à toutes les tailles.