# La marque Roadmark, en usage.

> Le symbole Roadmark et le symbole IA, les couleurs et leurs rapports de contraste, l'échelle typographique et les fichiers du logo à télécharger.

URL: https://roadmark.ai/fr/marque
Language: fr

Le symbole, le symbole IA, les couleurs, la typographie et les éléments dont chaque page est faite. Cette page est dessinée avec les styles du site : ce que vous voyez ici est ce que le site utilise.

## Deux coins encadrent le dossier.

- **Construit sur 64 unités.** Deux coins opposés, de 27 de long et 7 d'épaisseur, et un dossier plein de 18 de côté placé à 23, 23. Les coins encadrent une seule chose : le chargement, la soumission, la facture.
- **Sous 20 px, utilisez les petits fichiers.** Les favicônes sont redessinées sur des grilles de 16 et 32 px, pas réduites.
- **Encre sur fond clair, Craie sur fond foncé.** Le symbole est d'une seule couleur. Il ne passe au Crayon que comme symbole IA.
- **Le mot est « roadmark »,** en minuscules, en Archivo Bold à 112 % de largeur. Jamais « Roadmark AI » ni « Roadmark TMS » à côté du symbole : le descripteur va dans le titre.
- Ne le faites pas pivoter, ne le détourez pas, ne le mettez pas dans un cercle et ne le remplissez pas d'un dégradé.
- Ne laissez pas le symbole d'un partenaire être plus grand que lui.
- Ne placez pas le symbole sur une photo chargée sans voile foncé.
- Zone de protection : la largeur du dossier, 18 unités, de chaque côté.

## Ce qu'un agent prépare est tracé au Crayon. Ce qu'une personne conserve est à l'encre.

Le symbole IA est le symbole avec son dossier laissé ouvert : le cadre est là, mais personne ne l'a encore rempli. Il accompagne le nom des agents et les ébauches, et il disparaît quand une personne approuve le travail.

- **Le Crayon est réservé au travail des machines :** noms des agents, lignes préparées, symbole IA et pastille du connecteur Roadmark dans Claude, ChatGPT et Gemini.
- **Du Crayon uni, jamais en dégradé,** et jamais sur un bouton, un fond ou un mot d'un titre.
- **Pas d'étincelles, pas de robots.** Le symbole IA les remplace partout, y compris sur la page des assistants IA.
- **Sous 20 px,** utilisez le symbole IA de 16 px. Utilisez Crayon #7047ED sur les surfaces claires comme foncées.

## Surtout du Papier et de la Craie, encadrés de Carbone, avec un peu de Sodium.

La barre montre à peu près quelle part d'une page chaque couleur occupe. Le Crayon n'apparaît que là où un agent a fait le travail. Le Corten n'apparaît que sur le ruban et sur le fret ou l'argent du mauvais côté de son échéance.

| Couleur | Jeton | Hex | Usage |
| --- | --- | --- | --- |
| Carbone | `--carbon` | #0C0D0F | Navigation, bannière, une bande foncée, offre finale, pied de page |
| Carbone 2 | `--carbon-2` | #16181C | Une surface surélevée sur Carbone |
| Papier | `--paper` | #FFFFFF | La plupart des sections et toutes les planches |
| Craie | `--chalk` | #F3F4F2 | Sections en alternance; texte sur Carbone |
| Craie 2 | `--chalk-2` | #E9EAE6 | Remplissages discrets dans les planches |
| Encre | `--ink` | #0C0D0F | Titres et texte courant |
| Encre 2 | `--ink-2` | #3F444C | Texte secondaire; le plus pâle pour la lecture |
| Encre 3 | `--ink-3` | #5A6069 | Étiquettes et légendes |
| Filet | `--rule` | #DCDEDA | Filets et bordures |
| Sodium | `--sodium` | #E8A33A | Petits rehauts; coches et puces sur Carbone |
| Sodium foncé | `--sodium-d` | #8A5A10 | Surtitres et avertissements en texte sur fond clair |
| Corten | `--corten` | #B34A28 | Le ruban; le fret qui a dépassé son échéance; l'argent facturé |
| Bon | `--good` | #2E7D5B | Envoyé, à l'heure, rapproché |
| Crayon | `--pencil` | #7047ED | Noms des agents, ébauches, symbole IA |
| Crayon | `--pencil-l` | #7047ED | Le même Crayon #7047ED sur Carbone |
| Lavis Crayon | `--pencil-wash` | #F3F0FE | Derrière une ligne préparée |

| Texte sur fond | Contraste |
| --- | --- |
| Encre sur Papier | 19,4 : 1 |
| Encre 2 sur Craie | 8,9 : 1 |
| Encre 3 sur Craie | 5,7 : 1 |
| Sodium foncé sur Papier | 5,9 : 1 |
| Crayon sur Papier | 5,5 : 1 |
| Corten sur Papier | 5,3 : 1 |
| Craie sur Carbone | 17,6 : 1 |
| Sur foncé 2 sur Carbone | 12,2 : 1 |
| Sodium sur Carbone | 9,0 : 1 |
| Crayon sur Carbone | 3,5 : 1 · jamais pour du texte |
| Sodium sur Papier | 2,2 : 1 · jamais pour du texte |
| Crayon sur Papier | 5,5 : 1 |

## Archivo, élargie pour les titres, en largeur normale pour la lecture.

Une seule police. Son axe de largeur porte les titres; Martian Mono n'apparaît que pour les numéros que les gens lisent à voix haute.

- **Affichage :** 40–82 px · 118 % · −0,04 em · 0,98
- **H2 :** 31–50 px · 112 % · −0,035 em
- **H3 :** 24 px · 100 %
- **Chapeau :** 19–22 px · Encre 2
- **Texte courant :** 18 px · 1,6 · le minimum pour la lecture
- **Surtitre :** 15 px · 600 · majuscule initiale seulement
- **Numéros :** Martian Mono, seulement pour les numéros de chargement, de soumission, de remorque et de scellé

## Fichiers du logo

Le symbole en SVG, dans la couleur adaptée à chaque fond. Utilisez-les tels quels : ne les redessinez pas, ne les recolorez pas et ne les étirez pas.

- **Symbole, Carbone :** Sur Papier, Craie et autres fonds clairs. https://roadmark.ai/brand/roadmark-mark-carbon.svg
- **Symbole, Craie :** Sur Carbone et autres fonds foncés. https://roadmark.ai/brand/roadmark-mark-chalk.svg
- **Symbole, blanc :** Sur une photo, par-dessus un voile foncé. https://roadmark.ai/brand/roadmark-mark-white.svg
- **Symbole IA, Crayon :** À côté du nom d'un agent sur fond clair. https://roadmark.ai/brand/roadmark-mark-ai.svg
- **Symbole IA, Crayon :** À côté du nom d'un agent sur Carbone. https://roadmark.ai/brand/roadmark-mark-ai-on-dark.svg
- **Icône d'application :** Carré aux coins arrondis, pour les magasins d'applications et les répertoires. https://roadmark.ai/brand/roadmark-app-icon.svg

Besoin du symbole avec le mot, pour l'impression ou une page partenaire? Écrivez à hello@roadmark.ai et nous vous enverrons la combinaison avec le mot vectorisé.

Les entreprises, personnes et chiffres des exemples produit sont fictifs. Ils illustrent des flux de travail, sans constituer des témoignages clients ni des résultats mesurés.