Guide de marque · v0.1
Le guide de marque
Technical Domain.
Un point de départ, pas un carcan. Ce guide fixe la marque que porte chaque démo et les règles qui permettent de montrer une marque fictive à tout le monde, sans risque.
01
Nom
La marque est fictive à dessein. Traitez-la comme une vraie : les démos n’en auront que l’air plus réel.
- Écrivez Technical Domain — deux mots, deux majuscules.
- Nom complet, quand il faut une mention d’allure juridique : Technical Domain Placeholder Goods Co.
- Le domaine s’écrit toujours en minuscules : technicaldomain.xyz.
- N’abrégez jamais en « TD ». Ces initiales appartiennent à une grande banque canadienne. Aucun monogramme TD, jamais.
- En français, le nom ne change pas : Technical Domain, avec Marchandises fictives comme descripteur.
Slogan
Fine placeholder goods. Proudly fictional.
Des marchandises fictives de qualité. Fièrement imaginaires.
02
Logo
Le symbole est une boîte de remplissage — le signe universel de « contenu à venir » — avec une feuille d’érable au centre. Quelque chose ira ici, et ce sera canadien.
Règles
- 01Zone de protection sur chaque côté égale au rayon des coins du cadre — environ un sixième de la largeur du symbole.
- 02Taille minimale : 20 px à l’écran, 8 mm à l’impression. Sous 24 px, retirez le descripteur de la signature.
- 03N’étirez pas, ne faites pas pivoter, ne détourez pas et ne recolorez pas le symbole au-delà des variantes fournies.
- 04Ne remplacez pas la feuille par celle du drapeau, ne posez pas le symbole sur une bande rouge-blanc-rouge et ne l’associez à aucun symbole du gouvernement du Canada.
03
Couleurs
Nommées d’après ce qu’on trouve autour du Lac-Lorem. L’érable sert à l’action et à la mise en valeur, jamais aux grands arrière-plans. Cliquez sur une pastille pour copier sa valeur.
Palette de base
Jetons du site — clair
Jetons du site — foncé
Toutes les paires de texte respectent le niveau AA des WCAG 2.2 (4,5:1) dans les deux thèmes. Le blanc sur Érable atteint 5,7:1; l’Encre du lac sur Tuque, 9,0:1. La couleur Tuque ne sert jamais au texte.
04
Typographie
Une seule famille, Inter, en graisse variable. Hébergée par nous, sous-ensemble latin.
Spécimen
Catalogue no 1 · Lac-Lorem (Ontario) · Fondée un jour
Tout ce qu’il vous faut.
Rien qui n’existe.
Technical Domain est une entreprise canadienne fictive qui vend de tout et n’expédie rien. C’est la marque que portent les démos quand elles doivent avoir l’air vraies sans appartenir à personne.
Échelle
- Titre principal — 800, 40 à 64 px, −0,03 em
- Intertitre — 700, 26 à 36 px, −0,02 em
- Texte courant — 400, 16 px, interlignage 1,6
- Surtitre — 600, 11,5 px, majuscules, +0,16 em
- Numéros de catalogue et code — ui-monospace, 500
05
Ton
Pince-sans-rire, chaleureux et bref. La blague, c’est qu’une entreprise à l’air sérieux est entièrement inventée — jamais aux dépens de qui que ce soit.
Registre
- L’understatement plutôt que le tapage. La litote est plus drôle que les points d’exclamation.
- Canadien sans cliché : la météo, les canots, les tuques, les portages, deux langues.
- Les textes de produit sont simples et exacts. L’humour reste dans les articles de fantaisie et les petits caractères.
Anglais canadien
- -ize avec -our et -re : organization, colour, centre.
- catalogue, cheque, inquiry.
- Tirets cadratins espacés — comme ceci — et apostrophes typographiques (’).
- Températures en Celsius, avec une espace : −40 °C.
Français canadien
- courriel, jamais e-mail.
- Pas d’espace avant ? ! ; — une espace avant :.
- Nombres : 12,5 %, 1 000 $.
- Adaptez les titres et les blagues; ne les traduisez pas mot à mot.
- Les toponymes suivent l’usage français : Lac-Lorem (Ontario).
06
Jetons de design
Les produits lisent ces propriétés personnalisées. Téléchargez-les en CSS ou en JSON ci-dessous.
| Jeton | Par défaut | Usage |
|---|---|---|
--brand-name | "Technical Domain" | Nom du produit dans les en-têtes, les titres et les notifications |
--brand-primary | #c22a2a | Boutons, navigation active, contours de focus |
--brand-on-primary | #ffffff | Texte et icônes sur la couleur principale |
--brand-accent | #1f5a85 | Liens, pastilles, mises en valeur secondaires |
--brand-bg | #f7f4ee | Arrière-plan de la page |
--brand-surface | #ffffff | Cartes, panneaux, champs |
--brand-text | #14212b | Texte courant; le texte atténué et les filets en sont dérivés |
--brand-radius | 8px | Arrondi des commandes et des cartes |
--brand-font | Inter, system-ui, sans-serif | Famille de police |
07
Sécurité de marque
Une marque fictive n’est inoffensive que si elle reste visiblement fictive et n’emprunte jamais la réputation d’autrui.
Toujours
- Afficher l’avis « entreprise fictive » sur chaque page.
- Utiliser la plage téléphonique réservée à la fiction : +1 613 555-0100 à 0199.
- Utiliser des codes postaux de remplissage (X0X 0X0) et des lieux inventés (Lac-Lorem).
- Inventer les noms d’entreprises ou de personnes utilisés dans les démos et les vérifier par une recherche rapide sur le Web.
Jamais
- Imiter de vraies marques, de vrais logos ou un habillage commercial — ni présenter une vraie entreprise comme cliente.
- Utiliser le drapeau national, le mot-symbole « Canada » ou tout symbole gouvernemental.
- Faire de l’humour sur l’alcool, le cannabis, les jeux de hasard, la politique, la religion ou un groupe de personnes.
- Recueillir de vraies données personnelles dans une démo. Les démos ne tournent qu’avec des données inventées.
08
Téléchargements
Tout ce qui suit est généré à partir des jetons qu’utilise le site.
