What font does The Standard use?

The Standard’s website uses four typefaces: Orbikular (headings and body text), self-hosted; Standard Sans Web, self-hosted; Standard Sans Legacy, self-hosted; Caslon Doric Condensed, self-hosted.

What are The Standard’s brand colours?

The main colours on standard.co.uk are Crimson (#DC062B), Yellow (#FDFD08), Gold (#FFCC00), Light Pink (#EFB1BB), Light Steel Blue (#ACACE6) and Thistle (#E7D4ED).

What colour is The Standard’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is The Standard’s logo from?

The logo shown in this guide was found on standard.co.uk’s homepage. For official logo files and usage rules, check The Standard’s own brand or press page.

Is this The Standard’s official style guide?

No. SiteStyleGuide made it from standard.co.uk’s public web pages on 28 October 2026, and isn’t affiliated with The Standard. Members can refresh a guide after 90 days to pick up changes.

The Standard Style Guide: Colours, Fonts & Logo

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: London news, sport and culture | The Standard | London Evening Standard | The London Standard; ▲ 93 / 60 characters
Meta description: Latest London news, business, sport, culture, celebrity and entertainment from The London Standard; ● 98 / 160 characters
Site name: The Standard
Language: en
Theme colour: #FFFFFF

In search results

The Standardhttps://www.standard.co.uk/

London news, sport and culture | The Standard | London Evenin…

Latest London news, business, sport, culture, celebrity and entertainment from The London Standard

When shared

No og:image, so no picture

standard.co.uk

London news, sport and culture | The Standard | London Evening Standard | The London Stan…

Latest London news, business, sport, culture, celebrity and entertainment from The London Standard

Back to top ↑

Logo & favicons

Found as: schema.org logo. PNG, 290 × 58.

Logo

On white

On black

On Crimson

Favicons

8 found

512 px · PNG icon
192 px · PNG icon
152 px · PNG manifest
144 px · PNG manifest
128 px · PNG manifest
96 px · PNG manifest
72 px · PNG manifest
48 px · ICO shortcut icon

London news, sport and culture | The Standard | London Evening Standard | The London Standard

Light browser tab

London news, sport and culture | The Standard | London Evening Standard | The London Standard

Dark browser tab

Back to top ↑

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#000000) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

Black 32.7%
White 28.2%
Cool Off White 7%
Off White 5.8%
Crimson 4.8%
Yellow 4.6%
Gold 3.7%
Light Pink 3.7%
Light Steel Blue 2.7%
Thistle 2.7%
Sea Green 2.1%
Burly Wood 2.1%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, border · body, a:link
White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Background, theme, text · .eCAYyI button, theme-color meta tag
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
12 7 0 7

On text
15.42:1 AAA

On white
1.36:1 Fail

Background, text · .kZaSsz, .qZYoI
Off White

HEX

RGB

HSL

OKLCH

CMYK
1 1 0 8

On text
17.32:1 AAA

On white
1.21:1 Fail

Background · .gsc-completion-container .gsc-completion-selected, --es-functional-lightgrey

Colours

Brand colours and accents, most used first

Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 97 80 14

On text
4.10:1 AA large

On white
5.12:1 AA

Background · .sViNb, --es-new-functional-primary
Yellow

HEX

RGB

HSL

OKLCH

CMYK
0 0 97 1

On text
19.23:1 AAA

On white
1.09:1 Fail

Background · button .form-button:focus-visible, --es-functional-yellow
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 20 100 0

On text
13.89:1 AAA

On white
1.51:1 Fail

Background · .cpTFCw, --es-going-out
Light Pink

HEX

RGB

HSL

OKLCH

CMYK
0 26 22 6

On text
11.68:1 AAA

On white
1.80:1 Fail

Background · .jqbrhJ, --es-lifestyle-light
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
25 25 0 10

On text
9.80:1 AAA

On white
2.14:1 Fail

Background · .bbnHoW, --es-homes-property-light
Thistle

HEX

RGB

HSL

OKLCH

CMYK
3 11 0 7

On text
15.04:1 AAA

On white
1.40:1 Fail

Background · .eOebxM, --es-culture-light
Sea Green

HEX

RGB

HSL

OKLCH

CMYK
57 0 37 51

On text
4.25:1 AA large

On white
4.94:1 AA

Used · --es-sport-dark, --es-comment-dark
Burly Wood

HEX

RGB

HSL

OKLCH

CMYK
0 24 52 0

On text
13.17:1 AAA

On white
1.60:1 Fail

Used · --es-yellow-200, --es-common-interview-person-led

Back to top ↑

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

Orbikular

Aa 300 Aa 700

Orbikular

Self-hosted · weights 300, 400, 700 · body · shown in a stand-in if you don’t have it

Aa 300 Aa 900

Standard Sans Web

Self-hosted · weights 300, 600, 700, 900 · shown in a stand-in if you don’t have it

Aa 300 Aa 800

Standard Sans Legacy

Self-hosted · weights 300, 400, 500, 700, 800 · shown in a stand-in if you don’t have it

Aa 800

Caslon Doric Condensed

Self-hosted · weights 800 · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Body — Orbikular

Latest London news, business, sport, culture, celebrity and entertainment from The London Standard

Paragraph 15px

Latest London news, business, sport, culture, celebrity and entertainment from The London Standard

Sizes in use

Most common across the site

20px2 rules
18px1 rules
16pxline 1.375 · 3 rules
15px1 rules
14pxline 1.25 · 3 rules
13pxline 1.25 · 3 rules
12pxline 1 · 4 rules
10px1 rules

Back to top ↑

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Button

Get started

.eCAYyI button · #FFFFFF · radius 12px 0 0 0

Link

Read our latest news today.

a · #000000

Corner radius

12px · 10×
100% · 2×
8px · 2×
6px · 1×
12px 0 0 0 · 1×
4px · 1×

Shadows

0 0 0 4px #fdfd08
0 2px 6px 1px rgba(0,0,0,0.15)
0 0 5px 0 rgba(0,0,0,0.2)
0 -1px 1px 0 rgba(0,0,0,0.2)

Back to top ↑

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

767

768

999

1000

On a scale of 0 to 1440 px.

Content widths (max-width)

1000 px

968 px

Back to top ↑

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

▲ CheckThe title is 93 characters. Google usually cuts titles near 60, so the end may not show in results.
▲ CheckThere is no og:image, so links shared on social media show no picture.

Back to top ↑

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does The Standard use?: The Standard’s website uses four typefaces: Orbikular (headings and body text), self-hosted; Standard Sans Web, self-hosted; Standard Sans Legacy, self-hosted; Caslon Doric Condensed, self-hosted.
What are The Standard’s brand colours?: The main colours on standard.co.uk are Crimson (#DC062B), Yellow (#FDFD08), Gold (#FFCC00), Light Pink (#EFB1BB), Light Steel Blue (#ACACE6) and Thistle (#E7D4ED).
What colour is The Standard’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is The Standard’s logo from?: The logo shown in this guide was found on standard.co.uk’s homepage. For official logo files and usage rules, check The Standard’s own brand or press page.
Is this The Standard’s official style guide?: No. SiteStyleGuide made it from standard.co.uk’s public web pages on 28 October 2026, and isn’t affiliated with The Standard. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

standard-co-uk-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* standard.co.uk design tokens, from SiteStyleGuide (https://sitestyleguide.com/standard.co.uk) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-black: #000000;
  --colour-white: #FFFFFF;
  --colour-cool-off-white: #D2DEEE;
  --colour-off-white: #E9E9EB;
  --colour-crimson: #DC062B;
  --colour-yellow: #FDFD08;
  --colour-gold: #FFCC00;
  --colour-light-pink: #EFB1BB;
  --colour-light-steel-blue: #ACACE6;
  --colour-thistle: #E7D4ED;
  --colour-sea-green: #367E4F;
  --colour-burly-wood: #FFC17B;

  /* Typefaces */
  --font-body: 'Orbikular', serif;
  --font-other: 'Standard Sans Web', sans-serif;

  /* Type scale */
  --text-p: 15px;

  /* Shape */
  --radius-1: 12px;
  --radius-2: 100%;
  --radius-3: 8px;
  --radius-4: 6px;
  --radius-5: 12px 0 0 0;
  --radius-6: 4px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 767px;
  --breakpoint-2: 768px;
  --breakpoint-3: 999px;
  --breakpoint-4: 1000px;
  --max-width-1: 1000px;
  --max-width-2: 968px;
}

{
    "site": "standard.co.uk",
    "source": "https://sitestyleguide.com/standard.co.uk",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#D2DEEE",
            "rgb": [
                210,
                222,
                238
            ]
        },
        {
            "name": "Off White",
            "hex": "#E9E9EB",
            "rgb": [
                233,
                233,
                235
            ]
        },
        {
            "name": "Crimson",
            "hex": "#DC062B",
            "rgb": [
                220,
                6,
                43
            ]
        },
        {
            "name": "Yellow",
            "hex": "#FDFD08",
            "rgb": [
                253,
                253,
                8
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFCC00",
            "rgb": [
                255,
                204,
                0
            ]
        },
        {
            "name": "Light Pink",
            "hex": "#EFB1BB",
            "rgb": [
                239,
                177,
                187
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#ACACE6",
            "rgb": [
                172,
                172,
                230
            ]
        },
        {
            "name": "Thistle",
            "hex": "#E7D4ED",
            "rgb": [
                231,
                212,
                237
            ]
        },
        {
            "name": "Sea Green",
            "hex": "#367E4F",
            "rgb": [
                54,
                126,
                79
            ]
        },
        {
            "name": "Burly Wood",
            "hex": "#FFC17B",
            "rgb": [
                255,
                193,
                123
            ]
        }
    ],
    "fonts": [
        {
            "name": "Orbikular",
            "stack": "'Orbikular', serif",
            "weights": [
                300,
                400,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Standard Sans Web",
            "stack": "'Standard Sans Web', sans-serif",
            "weights": [
                300,
                600,
                700,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Standard Sans Legacy",
            "stack": "'Standard Sans Legacy', sans-serif",
            "weights": [
                300,
                400,
                500,
                700,
                800
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Caslon Doric Condensed",
            "stack": "'Caslon Doric Condensed', serif",
            "weights": [
                800
            ],
            "source": "Self-hosted"
        }
    ]
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run standard.co.uk?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

<a href="https://sitestyleguide.com/standard.co.uk" title="The Standard style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

The Standardstyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

Black

White

Cool Off White

Off White

Colours

Crimson

Yellow

Gold

Light Pink

Light Steel Blue

Thistle

Sea Green

Burly Wood

Orbikular

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

The Hollywood Reporter

Bank of America

CCM

Super User

The Standardstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

Black

White

Cool Off White

Off White

Colours

Crimson

Yellow

Gold

Light Pink

Light Steel Blue

Thistle

Sea Green

Burly Wood

Orbikular

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run standard.co.uk?

Similar colours

The Hollywood Reporter

Bank of America

CCM

Super User

Title &
description