Marque
La marque Roadmark, en usage.
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.
Le symbole
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é.
- roadmarkPapier
- roadmarkCraie
- roadmarkCarbone
roadmarkSur une photo, avec un voile
Crayon et encre
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.
J. Parkapprouve et envoie
- 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.
Couleurs
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.
Part approximative d'une page type.
Cadre et fond
- Carbone
--carbon · #0C0D0FNavigation, bannière, une bande foncée, offre finale, pied de page - Carbone 2
--carbon-2 · #16181CUne surface surélevée sur Carbone - Papier
--paper · #FFFFFFLa plupart des sections et toutes les planches - Craie
--chalk · #F3F4F2Sections en alternance; texte sur Carbone - Craie 2
--chalk-2 · #E9EAE6Remplissages discrets dans les planches
Texte
- Encre
--ink · #0C0D0FTitres et texte courant - Encre 2
--ink-2 · #3F444CTexte secondaire; le plus pâle pour la lecture - Encre 3
--ink-3 · #5A6069Étiquettes et légendes - Filet
--rule · #DCDEDAFilets et bordures
Accents
- Sodium
--sodium · #E8A33APetits rehauts; coches et puces sur Carbone - Sodium foncé
--sodium-d · #8A5A10Surtitres et avertissements en texte sur fond clair - Corten
--corten · #B34A28Le ruban; le fret qui a dépassé son échéance; l'argent facturé - Bon
--good · #2E7D5BEnvoyé, à l'heure, rapproché
IA seulement
- Crayon
--pencil · #7047EDNoms des agents, ébauches, symbole IA - Crayon
--pencil-l · #7047EDLe même Crayon #7047ED sur Carbone - Lavis Crayon
--pencil-wash · #F3F0FEDerrière une ligne préparée
Le texte qui passe, et deux paires qui ne passent jamais
- AaEncre sur Papier19,4 : 1
- AaEncre 2 sur Craie8,9 : 1
- AaEncre 3 sur Craie5,7 : 1
- AaSodium foncé sur Papier5,9 : 1
- AaCrayon sur Papier5,5 : 1
- AaCorten sur Papier5,3 : 1
- AaCraie sur Carbone17,6 : 1
- AaSur foncé 2 sur Carbone12,2 : 1
- AaSodium sur Carbone9,0 : 1
- AaCrayon sur Carbone3,5 : 1 · jamais pour du texte
- AaSodium sur Papier2,2 : 1 · jamais pour du texte
- AaCrayon sur Papier5,5 : 1
Les rapports sont calculés à partir des couleurs ci-dessus. Le texte exige au moins 4,5 : 1.
Typographie
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.
100 % texteroadmark112 % H2roadmark118 % affichageroadmark
- Affichage40–82 px · 118 % · −0,04 em · 0,98
- Les agents font le premier jet. Vous prenez la décision.
- H231–50 px · 112 % · −0,035 em
- Sept agents se passent un même chargement.
- H324 px · 100 %
- Charger le camion dans l'ordre des arrêts
- Chapeau19–22 px · Encre 2
- Roadmark lit le courriel, chiffre le corridor à partir de votre propre historique et vous laisse une soumission à envoyer.
- Texte courant18 px · 1,6 · le minimum pour la lecture
- Le temps d'attente du 48213 a été ajouté à partir des heures d'arrivée et de départ du chauffeur : il est sur la facture avant que quiconque regarde le dos du connaissement.
- Surtitre15 px · 600 · majuscule initiale seulement
- Transbordement
- NumérosMartian Mono, seulement pour les numéros de chargement, de soumission, de remorque et de scellé
- 48213 · Q-20931 · INV-10442 · TRL 5317
Éléments
Les quelques éléments dont chaque page est faite.
Ce sont les composants mêmes du site, pas des images de ceux-ci.
- Boutons sur fond clair : pilules pleines, 50 px de haut
Un bouton foncé par section. Le bouton à contour est le deuxième choix.
- Boutons sur Carbone
Remplissage Craie sur fond foncé. La navigation utilise la même pilule à 42 px.
- Pastilles, coins de 6 pxSemi-remorque fermée de 53 piEnvoyéeDemande une personneAgent Soumissions
Les pastilles énoncent un fait. L'étiquette IA nomme l'agent qui a préparé l'élément à côté.
- Surtitre et lien texteFacturation et règlementsVoir comment fonctionne le rapprochement à trois
Un surtitre nomme la section en mots simples, jamais un slogan ni une étiquette en majuscules.
- Planche : une image dessinée du travailChargement 48213LivréTarif de transport3 655,00 $USSupplément pour carburant560,00 $USTemps d'attente, 1 h 20100,00 $USFacture INV-104424 315,00 $US
Blanche, coins de 18 px, une seule ombre douce. Les chiffres sont précis et s'additionnent.
- Fonctionne dans Claude, ChatGPT et GeminiFonctionne dans
ClaudeChatGPT
GeminiAussi dans Microsoft Copilot et tout autre assistant compatible avec le MCP.
Les trois logos, en grand et en couleur, sur Carbone. Les autres sont nommés en dessous, en toutes lettres.
- Ruban réfléchissant
Seulement sur le bord inférieur de la bannière et de l'offre finale, et en haut des écrans de téléphone.
Fichiers du logo
Symbole, CarboneSur Papier, Craie et autres fonds clairsTélécharger le SVG · 347 octets
Symbole, CraieSur Carbone et autres fonds foncésTélécharger le SVG · 347 octets
Symbole, blancSur une photo, par-dessus un voile foncéTélécharger le SVG · 347 octets
Symbole IA, CrayonÀ côté du nom d'un agent sur fond clairTélécharger le SVG · 401 octets
Symbole IA, CrayonÀ côté du nom d'un agent sur CarboneTélécharger le SVG · 412 octets
Icône d'applicationCarré aux coins arrondis, pour les magasins d'applications et les répertoiresTélécharger le SVG · 458 octets
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é.
Vous écrivez sur Roadmark?
La presse, les analystes et les partenaires peuvent joindre une personne par la page Nous joindre. Nous vous enverrons les fichiers, les faits et une personne à qui parler.