# Reuters

> `reuters@1.0.0`

Reuters is the global wire service of record — fast, factual, and built for redistribution into every newsroom on earth. The visual identity is anchored by the signature Reuters orange (#FA6400), instantly recognizable across the ticker, the wordmark, and the news graphics. Body content sits in a warm near-black on white; trusted-source links use the deep Reuters blue (#005DA2). The proprietary Knowledge typeface (the Reuters editorial type system) and Reuters Sans carry the voice; graphics and data viz draw from a published 9-hue, 6-step palette.


**Tags:** `reuters`, `news`, `wire-service`, `journalism`, `brand`, `orange`, `sans`, `light-first`

## Atoms

### Palette

**Reuters** · `reuters@1.0.0` · ISC / MIT (reuters-graphics open-source repos); brand identity remains property of Thomson Reuters

> The Reuters palette, captured from the published reuters-graphics open-source design tokens. The Reuters identity is anchored by the signature orange ($tr-orange = #FA6400) — the brand's unmissable wire-service accent — paired with a deep navy blue ($tr-dark-blue = #005DA2) for trusted-source links and a tight warm-gray scale for body content. The system also publishes a full 6-step palette across orange, blue, navy, purple, red, yellow, lime, green, and brown for editorial graphics. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `body` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `serif` | **PT Serif** `(pt-serif@1.0.0)` | OFL-1.1 | serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `tr-orange` | Reuters Orange | `#FA6400` |
| `tr-dark-orange` | Reuters Dark Orange | `#DC4300` |
| `tr-light-orange` | Reuters Light Orange | `#FFA100` |
| `tr-dark-blue` | Reuters Dark Blue | `#005DA2` |
| `tr-light-blue` | Reuters Light Blue | `#0099C4` |
| `tr-muted-blue` | Reuters Muted Blue | `#4386B9` |
| `tr-lighter-blue` | Reuters Lighter Blue | `#7FACCE` |
| `tr-superlight-blue` | Reuters Superlight Blue | `#E5EEF5` |
| `tr-dark-grey` | Reuters Dark Grey | `#404040` |
| `tr-medium-grey` | Reuters Medium Grey | `#666666` |
| `tr-light-grey` | Reuters Light Grey | `#AFAFAF` |
| `tr-muted-grey` | Reuters Muted Grey | `#D0D0D0` |
| `tr-hover-grey` | Reuters Hover Background Grey | `#F8F8F8` |
| `tr-light-muted-grey` | Reuters Light Muted Grey | `#F4F4F4` |
| `tr-ultra-light-grey` | Reuters Ultra Light Grey | `#FAFAFA` |
| `tr-dark-red` | Reuters Dark Red | `#A00000` |
| `tr-light-red` | Reuters Light Red | `#DC0A0A` |
| `tr-dark-green` | Reuters Dark Green | `#387C2B` |
| `tr-light-green` | Reuters Light Green | `#77A22D` |
| `tr-dark-purple` | Reuters Dark Purple | `#621F95` |
| `tr-light-purple` | Reuters Light Purple | `#6E3AB7` |
| `black` | Black | `#000000` |
| `white` | White | `#FFFFFF` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `white` | `#FFFFFF` |
| `surface` | `tr-ultra-light-grey` | `#FAFAFA` |
| `surface-elevated` | `white` | `#FFFFFF` |
| `text-primary` | `tr-dark-grey` | `#404040` |
| `text-secondary` | `tr-medium-grey` | `#666666` |
| `text-tertiary` | `tr-light-grey` | `#AFAFAF` |
| `primary` | `tr-dark-blue` | `#005DA2` |
| `primary-hover` | `tr-light-blue` | `#0099C4` |
| `accent` | `tr-orange` | `#FA6400` |
| `accent-hover` | `tr-dark-orange` | `#DC4300` |
| `warning` | `tr-light-orange` | `#FFA100` |
| `error` | `tr-dark-red` | `#A00000` |
| `success` | `tr-dark-green` | `#387C2B` |
| `border` | `tr-muted-grey` | `#D0D0D0` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `tr-dark-grey` | `#404040` |
| `surface` | `tr-medium-grey` | `#666666` |
| `surface-elevated` | `tr-light-grey` | `#AFAFAF` |
| `text-primary` | `white` | `#FFFFFF` |
| `text-secondary` | `tr-muted-grey` | `#D0D0D0` |
| `text-tertiary` | `tr-light-grey` | `#AFAFAF` |
| `primary` | `tr-light-blue` | `#0099C4` |
| `primary-hover` | `tr-dark-blue` | `#005DA2` |
| `accent` | `tr-orange` | `#FA6400` |
| `accent-hover` | `tr-light-orange` | `#FFA100` |
| `warning` | `tr-light-orange` | `#FFA100` |
| `error` | `tr-light-red` | `#DC0A0A` |
| `success` | `tr-light-green` | `#77A22D` |
| `border` | `tr-medium-grey` | `#666666` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `tr-orange` | `#FA6400` |
| `on-identity` | `white` | `#FFFFFF` |
| `primary` | `tr-dark-blue` | `#005DA2` |
| `primary-hover` | `tr-light-blue` | `#0099C4` |
| `accent` | `tr-orange` | `#FA6400` |
| `accent-hover` | `tr-dark-orange` | `#DC4300` |
| `mark` | `tr-orange` | `#FA6400` |
| `success` | `tr-dark-green` | `#387C2B` |
| `warning` | `tr-light-orange` | `#FFA100` |
| `error` | `tr-dark-red` | `#A00000` |
| `text-primary-light` | `tr-dark-grey` | `#404040` |
| `text-primary-dark` | `white` | `#FFFFFF` |
| `background-light` | `white` | `#FFFFFF` |
| `background-dark` | `tr-dark-grey` | `#404040` |
| `surface-light` | `tr-ultra-light-grey` | `#FAFAFA` |
| `surface-dark` | `tr-medium-grey` | `#666666` |
| `text-secondary-light` | `tr-medium-grey` | `#666666` |
| `text-tertiary-light` | `tr-light-grey` | `#AFAFAF` |
| `border-light` | `tr-muted-grey` | `#D0D0D0` |

### Typography

| Role | Font role key |
|------|---------------|
| `display` | `heading` |
| `prose` | `body` |
| `code` | `mono` |

## Rules

### 🛑 error (5)

#### `contrastRatio` → `text-primary`

- **against:** `background`
- **minRatio:** `7`
- **standard:** `WCAG-AAA`

> Reuters Dark Grey (#404040) on white gives ~10.4:1 — past AAA. The wire-service voice favors quick, repeatable reading; the AAA contrast target supports the dense data tables and headline grids that define Reuters layouts. 

#### `colorChoice` → `roles.colors.mark`

- **allowed:** tr-orange, tr-dark-orange, black
- **forbidden:** tr-dark-blue, tr-light-blue, tr-dark-red, tr-light-purple

> The Reuters mark is rendered in Reuters orange or black — the orange variant is the signature wire-service identity. Recoloring the mark in the link blue or any secondary accent would conflict with the wordmark's place in the published asset standards. 

#### `contextRestriction` → `roles.colors.accent`

- **forbiddenContexts:** default-link, body-text, error-state
- **allowedContexts:** wordmark, editorial-emphasis, ticker, kicker, call-to-action

> Reuters orange carries identity meaning. The in-copy link color is tr-dark-blue; substituting the orange for a link would conflate the brand's identity signal with a navigation affordance. 

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo

> The Reuters wordmark is a globally distributed identity mark that appears across thousands of partner publications every day. Stretching, rotating, recoloring, or applying gradients would erode the consistency that makes Reuters a trusted wire-service signal. 

#### `contextRestriction` → `roles.colors.success`

- **forbiddenContexts:** error-state, destructive-action
- **allowedContexts:** data-viz-positive, confirmation, market-up

> Reuters Dark Green is used in financial data viz to signal positive market movement. Reusing it for failure or destructive states would conflict with the established market-data color semantics. 

### ⚠️ warning (2)

#### `fontPairing` → `typography.heading`

- **requires:** `body`
- **minSizeRatio:** `1.25`

> Reuters editorial layouts pair a tighter display weight with the body sans at a measured size step. A 1.25× minimum preserves the wire-service grid rhythm where headline and lede share the same horizontal column. 

#### `accessibilityRequirement` → `*`

- **standard:** `WCAG-AAA`
- **criterion:** `1.4.6`

> WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. Reuters serves a global, multilingual audience including data-table-heavy financial readers; the enhanced contrast target preserves legibility under reduced screen quality and high ambient light. 

### 💡 recommendation (1)

#### `compositionConstraint` → `roles.colors.accent`

- **pairsWith:** white, tr-dark-grey, tr-ultra-light-grey
- **doesNotPairWith:** tr-dark-red, tr-light-red, tr-light-orange

> Reuters orange reads cleanest against white or the warm dark-grey body color. Placing it adjacent to the alert reds or the lighter orange ramp collapses the chromatic hierarchy between identity (orange) and semantic state (red). 

## Provenance

- **Source:** <https://github.com/reuters-graphics/graphics-svelte-components/blob/main/src/lib/SiteHeader/scss/_colors.scss>
- **License:** `ISC / MIT (reuters-graphics open-source); brand identity remains property of Thomson Reuters`
- **Attribution:** Thomson Reuters — visual identity captured from the published reuters-graphics open-source SCSS at github.com/ reuters-graphics/graphics-svelte-components/SiteHeader/scss/ _colors.scss. Reuters, the Thomson Reuters mark, and the Knowledge / Reuters Sans typefaces are property of Thomson Reuters. 
- **Imported:** `2026-05-19`
- **Notes:** Derived from the reuters-graphics open-source SCSS tokens on 2026-05-19. The consumer reuters.com site was not directly reachable from this fetch context (datadome bot protection), so the brand atom relies on the verified open-source token file maintained by the same organization. The proprietary Knowledge / Reuters Sans typefaces are not publicly distributed; open-source substitute (Inter@1) is referenced. 

---

*Generated by the brand-atoms converter. Source: `reuters@1.0.0` from the encyclopedia.*