# The Roadmark brand, in use.

> The Roadmark mark and AI mark, the colours with their contrast ratios, the type scale and the parts roadmark.ai is built from, with logo files to download.

URL: https://roadmark.ai/brand
Language: en

The mark, the AI mark, colour, type and the parts every page is built from. This page is drawn with the site's own styles, so what you see here is what the site uses.

## Two corners frame the record.

- **Built on 64 units.** Two opposite corners, 27 long and 7 thick, and a solid record 18 square at 23, 23. The corners frame one thing: the load, the quote, the invoice.
- **Below 20 px, use the small files.** The favicons are redrawn on 16 and 32 px grids, not scaled down.
- **Ink on light, Chalk on dark.** The mark is one colour. It turns Pencil only as the AI mark.
- **The word is "roadmark",** lowercase, in Archivo Bold at 112% width. Never "Roadmark AI" or "Roadmark TMS" beside the mark: the descriptor belongs in the headline.
- Don't rotate it, outline it, put it in a circle or fill it with a gradient.
- Don't let a partner's mark stand larger than it.
- Don't put the mark on a busy photograph without a dark scrim.
- Clear space: the record's width, 18 units, on every side.

## What an agent drafts is drawn in Pencil. What a person keeps is ink.

The AI mark is the mark with its record left open: the frame is there, but nobody has filled it yet. It sits beside agent names and on drafts, and it goes when a person approves the work.

- **Pencil is for machine work only:** agent names, drafted lines, the AI mark, and the Roadmark connector's chip inside Claude, ChatGPT and Gemini.
- **Solid Pencil, never a gradient,** and never on a button, a background or a word in a headline.
- **No sparkles, no robots.** The AI mark replaces them everywhere, including the AI assistants page.
- **Under 20 px,** use the 16 px AI mark. Use Pencil #7047ED on both light and dark surfaces.

## Mostly Paper and Chalk, framed in Carbon, with a little Sodium.

The bar shows roughly how much of a page each colour covers. Pencil appears only where an agent did the work. Corten appears only on the tape and on freight or money on the wrong side of its clock.

| Colour | Token | Hex | Use |
| --- | --- | --- | --- |
| Carbon | `--carbon` | #0C0D0F | Nav, hero, one dark band, closing offer, footer |
| Carbon 2 | `--carbon-2` | #16181C | A raised surface on Carbon |
| Paper | `--paper` | #FFFFFF | Most sections and every plate |
| Chalk | `--chalk` | #F3F4F2 | Alternating sections; text on Carbon |
| Chalk 2 | `--chalk-2` | #E9EAE6 | Quiet fills inside plates |
| Ink | `--ink` | #0C0D0F | Headlines and body |
| Ink 2 | `--ink-2` | #3F444C | Secondary text; the lightest for reading |
| Ink 3 | `--ink-3` | #5A6069 | Labels and captions |
| Rule | `--rule` | #DCDEDA | Hairlines and borders |
| Sodium | `--sodium` | #E8A33A | Small highlights; ticks and bullets on Carbon |
| Sodium dark | `--sodium-d` | #8A5A10 | Kickers and warnings as text on light |
| Corten | `--corten` | #B34A28 | The tape; freight past its clock; money being charged |
| Good | `--good` | #2E7D5B | Sent, on time, matched |
| Pencil | `--pencil` | #7047ED | Agent names, drafts, the AI mark |
| Pencil | `--pencil-l` | #7047ED | Same Pencil #7047ED on Carbon |
| Pencil wash | `--pencil-wash` | #F3F0FE | Behind a drafted line |

| Text on ground | Contrast |
| --- | --- |
| Ink on Paper | 19.4 : 1 |
| Ink 2 on Chalk | 8.9 : 1 |
| Ink 3 on Chalk | 5.7 : 1 |
| Sodium dark on Paper | 5.9 : 1 |
| Pencil on Paper | 5.5 : 1 |
| Corten on Paper | 5.3 : 1 |
| Chalk on Carbon | 17.6 : 1 |
| On dark 2 on Carbon | 12.2 : 1 |
| Sodium on Carbon | 9.0 : 1 |
| Pencil on Carbon | 3.5 : 1 · never as text |
| Sodium on Paper | 2.2 : 1 · never as text |
| Pencil on Paper | 5.5 : 1 |

## Archivo, widened for headlines, normal width for reading.

One typeface. Its width axis carries the headlines; Martian Mono appears only for numbers people read out.

- **Display:** 40–82 px · 118% · −0.04em · 0.98
- **H2:** 31–50 px · 112% · −0.035em
- **H3:** 24 px · 100%
- **Lede:** 19–22 px · Ink 2
- **Body:** 18 px · 1.6 · the minimum for reading
- **Kicker:** 15 px · 600 · sentence case
- **Numbers:** Martian Mono, only for load, quote, trailer and seal numbers

## Logo files

The mark as SVG, in the colour for each ground. Use them as they are: don't redraw, recolour or stretch them.

- **Mark, Carbon:** On Paper, Chalk and other light grounds. https://roadmark.ai/brand/roadmark-mark-carbon.svg
- **Mark, Chalk:** On Carbon and other dark grounds. https://roadmark.ai/brand/roadmark-mark-chalk.svg
- **Mark, white:** On a photograph, over a dark scrim. https://roadmark.ai/brand/roadmark-mark-white.svg
- **AI mark, Pencil:** Beside an agent's name on light. https://roadmark.ai/brand/roadmark-mark-ai.svg
- **AI mark, Pencil:** Beside an agent's name on Carbon. https://roadmark.ai/brand/roadmark-mark-ai-on-dark.svg
- **App icon:** Square with rounded corners, for app stores and directories. https://roadmark.ai/brand/roadmark-app-icon.svg

Need the mark with the word, for print or a partner page? Ask hello@roadmark.ai and we'll send the lockup with the word outlined.

Companies, people and shipment figures in product examples are fictional. They illustrate workflows and are not customer testimonials or measured results.