What font does Digital Spy UK use?

Digital Spy UK’s website uses three typefaces: Montserrat (headings and body text), self-hosted; LeagueMonoLight, self-hosted; Lora, self-hosted.

What are Digital Spy UK’s brand colours?

The main colours on digitalspy.com are Light Turquoise (#83EAD7), Pale Turquoise (#B7F4EA), Deep Sky Blue (#51B3E0), Misty Rose (#FED7D7), Light Pink (#E5ADAE) and Yellow (#E5E54F).

What colour is Digital Spy UK’s text and background?

Body text is #121212 on a #FFFFFF background.

Where is Digital Spy UK’s logo from?

The logo shown in this guide was found on digitalspy.com’s homepage. For official logo files and usage rules, check Digital Spy UK’s own brand or press page.

Is this Digital Spy UK’s official style guide?

No. SiteStyleGuide made it from digitalspy.com’s public web pages on 30 October 2026, and isn’t affiliated with Digital Spy UK. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from digitalspy.com’s public web pages. Not affiliated with or endorsed by Digital Spy UK. The real site is digitalspy.com ↗

Unofficial style guide

Digital Spy UKstyle guide

Digital Spy UK’s website (digitalspy.com) uses Montserrat for its headings and body text. Its palette is led by Light Turquoise (#83EAD7), Pale Turquoise (#B7F4EA) and Deep Sky Blue (#51B3E0), with #121212 text on #FFFFFF. Captured from the live site on 30 October 2026.

Website: digitalspy.com
Typefaces: Montserrat, LeagueMonoLight, Lora
Palette: 4 neutrals, 12 colours, 1 gradient
Captured: 30 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the digitalspy.com homepage on a desktop screen — Screenshot of digitalspy.com on a 1440 px desktop screen, 30 Oct 2026.

Screenshot of the digitalspy.com homepage on a phone — On a phone, 390 px.

Identity & metadata

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

Title &
description

Page title: Digital Spy - TV, Movies and Entertainment News; ● 47 / 60 characters
Meta description: Entertainment news about the biggest TV shows, films, soaps, celebrities, games and tech, updated around the clock.; ● 115 / 160 characters
Site name: Digital Spy UK
og:title: Digital Spy - TV, Movies and Entertainment News
og:description: Entertainment news about the biggest TV shows, films, soaps, celebrities, games and tech, updated around the clock.
Language: en-GB
Theme colour: #000000

In search results

Digital Spy UKhttps://www.digitalspy.com/

Digital Spy - TV, Movies and Entertainment News

Entertainment news about the biggest TV shows, films, soaps, celebrities, games and tech, updated around the clock.

When shared

No og:image, so no picture

digitalspy.com

Digital Spy - TV, Movies and Entertainment News

Entertainment news about the biggest TV shows, films, soaps, celebrities, games and tech, updated around the …

Logo & favicons

Found as: image in the header. SVG, 798 × 176.

Logo

On white

On black

On Light Turquoise

Favicons

2 found

180 px · PNG apple-touch-icon
96 px · PNG icon

Digital Spy - TV, Movies and Entertainment News

Light browser tab

Digital Spy - TV, Movies and Entertainment News

Dark browser tab

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 (#121212) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 35.2%
Near Black 18.6%
Black 15.1%
Charcoal 6%
Light Turquoise 3.2%
Pale Turquoise 2.9%
Deep Sky Blue 2.8%
Misty Rose 2.5%
Light Pink 2.4%
Yellow 2.4%
Light Blue 2.1%
Deep Turquoise 1.5%
Aqua Marine 1.4%
Bisque 1.4%
Teal 1.4%
Fire Brick 1.2%

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

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
18.73:1 AAA

On white
—

Text, background, border · .bg-muted\/50, .has-aria-expanded\:bg-muted\/50:has([aria-expanded=true])
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 93

On text
—

On white
18.73:1 AAA

Text, background, border · .text-$--comp-carousel-carousel-title-color-txt$, .bg-$--comp-accordion-color-bg-knockout$
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.12:1 Fail

On white
21.00:1 AAA

Background, text, theme · .css-9shoo0:before, .css-ojp3e:before
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 85

On text
1.24:1 Fail

On white
15.13:1 AAA

Text, background, border · .css-1l75i5v h3 span:hover, .css-rngegy h3 span:hover

Colours

Brand colours and accents, most used first

Light Turquoise

HEX

RGB

HSL

OKLCH

CMYK
44 0 8 8

On text
13.13:1 AAA

On white
1.43:1 Fail

Border, background, text · .bg-$--comp-badge-color-bg-primary$, .bg-$--comp-chip-primary-color-bg-selected$
Pale Turquoise

HEX

RGB

HSL

OKLCH

CMYK
25 0 4 4

On text
15.29:1 AAA

On white
1.23:1 Fail

Text, border · .text-$--comp-btn-primary-inverse-color-txt-outlined$, .text-$--comp-btn-primary-inverse-color-txt-transp$
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
64 20 0 12

On text
7.92:1 AAA

On white
2.37:1 Fail

Background, border · .css-9shoo0:before, .css-ojp3e:before
Misty Rose

HEX

RGB

HSL

OKLCH

CMYK
0 15 15 0

On text
14.20:1 AAA

On white
1.32:1 Fail

Text, background, border · :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=ale, .bg-$--comp-badge-color-bg-danger$
Light Pink

HEX

RGB

HSL

OKLCH

CMYK
0 24 24 10

On text
9.74:1 AAA

On white
1.92:1 Fail

Background, border · .css-9shoo0:before, .css-ojp3e:before
Yellow

HEX

RGB

HSL

OKLCH

CMYK
0 0 66 10

On text
13.96:1 AAA

On white
1.34:1 Fail

Background, border · .css-9shoo0:before, .css-ojp3e:before
Light Blue

HEX

RGB

HSL

OKLCH

CMYK
23 7 0 5

On text
13.52:1 AAA

On white
1.39:1 Fail

Background · .css-wwhcc9, .css-1c7m39z
Deep Turquoise

HEX

RGB

HSL

OKLCH

CMYK
63 0 12 15

On text
10.73:1 AAA

On white
1.75:1 Fail

Text, background, border · .bg-primary, .text-primary
Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
23 0 11 4

On text
15.35:1 AAA

On white
1.22:1 Fail

Background, border · .bg-$--comp-badge-color-bg-success$, .bg-\[color\:var$--color-palette-alert-success-200$\]
Bisque

HEX

RGB

HSL

OKLCH

CMYK
0 11 24 0

On text
15.18:1 AAA

On white
1.23:1 Fail

Background, border · .bg-$--comp-badge-color-bg-warning$, .bg-\[color\:var$--color-palette-alert-warning-200$\]
Teal

HEX

RGB

HSL

OKLCH

CMYK
83 0 11 54

On text
3.37:1 AA large

On white
5.56:1 AA

Text · .text-$--comp-btn-primary-inverse-color-txt-solid$, .disabled\:text-$--comp-btn-primary-inverse-color-txt-solid$:disabled
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 80 80 20

On text
3.48:1 AA large

On white
5.38:1 AA

Text, border · .text-$--color-form-field-message-icon-error$, .text-$--color-form-field-message-txt-error$

Gradients

linear-gradient(to right,#51B3E0,#51B3E0 2.5rem,#E5ADAE 2.5rem,#E5ADAE 5rem,#E5E54F 5rem,#E5E54F 7.5rem,black 7.5rem,black)

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.

Montserrat

Aa 400 Aa 900

Montserrat

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

Aa 300

LeagueMonoLight

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

Aa 400 Aa 700

Lora

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

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

Type scale

From the site’s CSS

Heading 1 2em · 32 px

Digital Spy UK

Small 80%

Entertainment news about the biggest TV shows, films, soaps, celebrities, games and tech, updated around the clock.

Button 100% / 1.15 none

Get started

Sizes in use

Most common across the site

32pxline 1 · 3 rules
24pxline initial · 3 rules
18pxline 1.3 · 3 rules
16pxline 1.6 · 16 rules
14pxline initial · 25 rules
13pxline 1.3 · 17 rules
12pxline 1.3 · 9 rules
11pxline 1.4 · 3 rules

Elements

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

Elements

Corner radius

1024px · 5×
.25rem · 3×
3.40282e38px · 3×
4px · 2×
1.875rem · 2×

Shadows

0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000
0 0 0 3px #55adff
1px 1px 4px 0 rgba(0,0,0,0.2)

Layout

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

Grid

Breakpoints

320

650

768

980

1024

1180

1200

1440

On a scale of 0 to 1440 px.

Content widths (max-width)

1536 px

1280 px

1200 px

1024 px

768 px

640 px

Notes

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

Notes

● FineThe title is 47 characters, short enough to show in full in search results.
▲ CheckThere is no og:image, so links shared on social media show no picture.

Questions

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

Questions

What font does Digital Spy UK use?: Digital Spy UK’s website uses three typefaces: Montserrat (headings and body text), self-hosted; LeagueMonoLight, self-hosted; Lora, self-hosted.
What are Digital Spy UK’s brand colours?: The main colours on digitalspy.com are Light Turquoise (#83EAD7), Pale Turquoise (#B7F4EA), Deep Sky Blue (#51B3E0), Misty Rose (#FED7D7), Light Pink (#E5ADAE) and Yellow (#E5E54F).
What colour is Digital Spy UK’s text and background?: Body text is #121212 on a #FFFFFF background.
Where is Digital Spy UK’s logo from?: The logo shown in this guide was found on digitalspy.com’s homepage. For official logo files and usage rules, check Digital Spy UK’s own brand or press page.
Is this Digital Spy UK’s official style guide?: No. SiteStyleGuide made it from digitalspy.com’s public web pages on 30 October 2026, and isn’t affiliated with Digital Spy UK. Members can refresh a guide after 90 days to pick up changes.

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

digitalspy-com-tokens.css

Download

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

/* digitalspy.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/digitalspy.com) */
:root {
  /* Colours */
  --text: #121212;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #121212;
  --colour-black: #000000;
  --colour-charcoal: #262626;
  --colour-light-turquoise: #83EAD7;
  --colour-pale-turquoise: #B7F4EA;
  --colour-deep-sky-blue: #51B3E0;
  --colour-misty-rose: #FED7D7;
  --colour-light-pink: #E5ADAE;
  --colour-yellow: #E5E54F;
  --colour-light-blue: #BAE1F3;
  --colour-deep-turquoise: #50D9C0;
  --colour-aqua-marine: #BCF5DA;
  --colour-bisque: #FFE3C2;
  --colour-teal: #147568;
  --colour-fire-brick: #CC2828;
  --gradient-1: linear-gradient(to right,#51B3E0,#51B3E0 2.5rem,#E5ADAE 2.5rem,#E5ADAE 5rem,#E5E54F 5rem,#E5E54F 7.5rem,black 7.5rem,black);

  /* Typefaces */
  --font-headings: 'Montserrat', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto';
  --font-other: 'LeagueMonoLight', 'LeagueMonoLight-upcase-roboto', 'LeagueMonoLight-upcase-local', 'Helvetica', 'Arial', sans-serif;

  /* Type scale */
  --text-h1: 2em;
  --text-small: 80%;
  --text-button: 100%;
  --leading-button: 1.15;

  /* Shape */
  --radius-1: 1024px;
  --radius-2: .25rem;
  --radius-3: 3.40282e38px;
  --radius-4: 4px;
  --radius-5: 1.875rem;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 320px;
  --breakpoint-2: 650px;
  --breakpoint-3: 768px;
  --breakpoint-4: 980px;
  --breakpoint-5: 1024px;
  --breakpoint-6: 1180px;
  --breakpoint-7: 1200px;
  --breakpoint-8: 1440px;
  --max-width-1: 1536px;
  --max-width-2: 1280px;
  --max-width-3: 1200px;
  --max-width-4: 1024px;
  --max-width-5: 768px;
  --max-width-6: 640px;
}

{
    "site": "digitalspy.com",
    "source": "https://sitestyleguide.com/digitalspy.com",
    "text": "#121212",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#121212",
            "rgb": [
                18,
                18,
                18
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#262626",
            "rgb": [
                38,
                38,
                38
            ]
        },
        {
            "name": "Light Turquoise",
            "hex": "#83EAD7",
            "rgb": [
                131,
                234,
                215
            ]
        },
        {
            "name": "Pale Turquoise",
            "hex": "#B7F4EA",
            "rgb": [
                183,
                244,
                234
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#51B3E0",
            "rgb": [
                81,
                179,
                224
            ]
        },
        {
            "name": "Misty Rose",
            "hex": "#FED7D7",
            "rgb": [
                254,
                215,
                215
            ]
        },
        {
            "name": "Light Pink",
            "hex": "#E5ADAE",
            "rgb": [
                229,
                173,
                174
            ]
        },
        {
            "name": "Yellow",
            "hex": "#E5E54F",
            "rgb": [
                229,
                229,
                79
            ]
        },
        {
            "name": "Light Blue",
            "hex": "#BAE1F3",
            "rgb": [
                186,
                225,
                243
            ]
        },
        {
            "name": "Deep Turquoise",
            "hex": "#50D9C0",
            "rgb": [
                80,
                217,
                192
            ]
        },
        {
            "name": "Aqua Marine",
            "hex": "#BCF5DA",
            "rgb": [
                188,
                245,
                218
            ]
        },
        {
            "name": "Bisque",
            "hex": "#FFE3C2",
            "rgb": [
                255,
                227,
                194
            ]
        },
        {
            "name": "Teal",
            "hex": "#147568",
            "rgb": [
                20,
                117,
                104
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#CC2828",
            "rgb": [
                204,
                40,
                40
            ]
        }
    ],
    "fonts": [
        {
            "name": "Montserrat",
            "stack": "Montserrat, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
            "weights": [
                400,
                700,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "LeagueMonoLight",
            "stack": "LeagueMonoLight, LeagueMonoLight-upcase-roboto, LeagueMonoLight-upcase-local, Helvetica, Arial, Sans-serif",
            "weights": [
                300
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Lora",
            "stack": "Lora, ui-serif, Georgia, Cambria, \"Times New Roman\", Times, Serif",
            "weights": [
                400,
                700
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using Montserrat as their main typeface

香港專業花式跳繩學校 Hong Kong Rope Skipping Academy

hkrsa.asia · set in Montserrat
Save
HELLO!

hellomagazine.com · set in Montserrat
Save
locomotive.ca

locomotive.ca · set in Montserrat
Save
HYPER ISLAND

hyperisland.com · set in Montserrat
Save

Websites whose lead colour is closest to Digital Spy UK’s

Chris Pirillo

pirillo.com · 5 days ago
Save
Emote Digital

emotedigital.com.au · 19 hours ago
Save
Steemit

steemit.com · 4 days ago
Save
Scoop.it

scoop.it · 6 days ago
Save

Captured from digitalspy.com on 30 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Digital Spy UK; this guide describes the public website for reference.

Digital Spy UKstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Black

Charcoal

Colours

Light Turquoise

Pale Turquoise

Deep Sky Blue

Misty Rose

Light Pink

Yellow

Light Blue

Deep Turquoise

Aqua Marine

Bisque

Teal

Fire Brick

Gradients

Montserrat

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run digitalspy.com?

Also set in Montserrat

香港專業花式跳繩學校 Hong Kong Rope Skipping Academy

HELLO!

locomotive.ca

HYPER ISLAND

Similar colours

Chris Pirillo

Emote Digital

Steemit

Scoop.it

Title &
description