What font does NME use?

NME’s website uses one typeface: Helvetica Neue (headings and body text), a system font.

What are NME’s brand colours?

The main colours on nme.com are Deep Red (#E2001A), Deep Pink (#FF008C), Fire Brick (#B80115), Olive Drab (#86A503), Black (#101828) and Dark Slate Blue (#364153).

What colour is NME’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is NME’s logo from?

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

Is this NME’s official style guide?

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

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

Unofficial style guide

NMEstyle guide

NME’s website (nme.com) uses Helvetica Neue for its headings and body text. Its palette is led by Deep Red (#E2001A), Deep Pink (#FF008C) and Fire Brick (#B80115), with #000000 text on #FFFFFF. Captured from the live site on 30 October 2026.

Website: nme.com
Typefaces: Helvetica Neue, HelveticaNeue-CondensedBlack, SFMono-Regular
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 30 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the nme.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: NME | Music, Film, TV, Gaming & Pop Culture News; ● 48 / 60 characters
Meta description: NME brings you the latest music and pop culture news and reviews, along with videos and galleries, band features, concert tickets, magazine, radio and more.; ● 156 / 160 characters
Site name: NME
og:title: NME | Music, Film, TV, Gaming & Pop Culture News
og:description: NME brings you the latest music and pop culture news and reviews, along with videos and galleries, band features, concert tickets, magazine, radio and more.
Language: en

In search results

NMEhttps://www.nme.com/

NME | Music, Film, TV, Gaming & Pop Culture News

NME brings you the latest music and pop culture news and reviews, along with videos and galleries, band features, concert tickets, magazine, radio and more.

When shared

No og:image, so no picture

nme.com

NME | Music, Film, TV, Gaming & Pop Culture News

NME brings you the latest music and pop culture news and reviews, along with videos and galleries, band featu…

Logo & favicons

Found as: schema.org logo. PNG, 1000 × 1000.

Logo

On white

On black

On Deep Red

Favicons

5 found

600 px · SVG icon
180 px · PNG apple-touch-icon
48 px · ICO icon
32 px · PNG icon
16 px · PNG icon

NME | Music, Film, TV, Gaming & Pop Culture News

Light browser tab

NME | Music, Film, TV, Gaming & Pop Culture 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 (#000000) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 34.9%
Black 23.9%
Deep Red 12.3%
Deep Black 5%
Light Black 4.8%
Deep Pink 3.5%
Fire Brick 3.3%
Olive Drab 2.9%
Black 2%
Dark Slate Blue 1.8%
Royal Blue 1.3%
Dim Grey 1%
Lemon Chiffon 0.9%
Dodger Blue 0.9%
Light Red 0.8%
Medium Spring Green 0.8%

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
21.00:1 AAA

On white
—

Text, background, border · --tw-ring-offset-color, input:where(:not([type]))
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Background, text, border · .hero-scrim, .bg-black
Deep Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 6 93

On text
1.12:1 Fail

On white
18.74:1 AAA

Background, text, border · .smartlist-number, .home-page-cover-link-button
Light Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 88

On text
1.27:1 Fail

On white
16.48:1 AAA

Background, border · .bg-rich-black, .article-content-wp .game-review-verdict

Colours

Brand colours and accents, most used first

Deep Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 88 11

On text
4.25:1 AA large

On white
4.94:1 AA

Background, text, border · .btn, --tw-ring-color
Deep Pink

HEX

RGB

HSL

OKLCH

CMYK
0 100 45 0

On text
5.63:1 AA

On white
3.73:1 AA large

Background, text, border · .bg-vivid-pink, .aria-disabled\:bg-vivid-pink[aria-disabled=true]
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 99 89 28

On text
3.05:1 AA large

On white
6.88:1 AA

Background, text · .aria-disabled\:bg-primary-hover[aria-disabled=true], .btn:hover
Olive Drab

HEX

RGB

HSL

OKLCH

CMYK
19 0 98 35

On text
7.40:1 AAA

On white
2.84:1 Fail

Background, text, border · .bg-neutral-green, .aria-disabled\:bg-neutral-green[aria-disabled=true]
Black

HEX

RGB

HSL

OKLCH

CMYK
60 40 0 84

On text
1.18:1 Fail

On white
17.75:1 AAA

Background · .bg-gray-900, --color-gray-900
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
35 22 0 67

On text
2.04:1 Fail

On white
10.30:1 AAA

Text · .disabled\:text-gray-700:disabled, --color-gray-700
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
92 63 0 1

On text
4.00:1 AA large

On white
5.25:1 AA

Text, border · --tw-ring-color, input:where([type=checkbox])
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
27 16 0 60

On text
2.78:1 Fail

On white
7.56:1 AAA

Used · --tw-prose-lead, --tw-prose-invert-bullets
Lemon Chiffon

HEX

RGB

HSL

OKLCH

CMYK
0 2 24 0

On text
19.54:1 AAA

On white
1.07:1 Fail

Background · .bg-yellow-100, --color-yellow-100
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
81 50 0 0

On text
5.66:1 AA

On white
3.71:1 AA large

Background · .bg-blue-500\/20, --color-blue-500
Light Red

HEX

RGB

HSL

OKLCH

CMYK
0 82 78 2

On text
5.52:1 AA

On white
3.81:1 AA large

Text · .text-red-500, --color-red-500
Medium Spring Green

HEX

RGB

HSL

OKLCH

CMYK
98 0 49 13

On text
11.80:1 AAA

On white
1.78:1 Fail

Text · .text-green-400, --color-green-400

Gradients

linear-gradient(initial)
linear-gradient(#0000,#00000003 8.1%,#0000000c 15.5%,#0000001b 22.5%,#0000002d 29%,#00000042 35.3%,#0000005a 41.2%,#00000073 47.1%,#0000008c 52.9%,#000000a5 58.8%,#000000bd 64.7%,#000000d2 71%,#000000e4 77.5%,#000000f3 84.5%,#000000fc 91.9%,#000)
linear-gradient(-45deg,#0000 40%,#ffffff73,#0000 60%)

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.

Helvetica Neue

Aa 400

Helvetica Neue

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 400

HelveticaNeue-CondensedBlack

System font, or not loaded on this page · shown in a stand-in if you don’t have it

Aa 400

SFMono-Regular

System font, or not loaded on this page · shown in a stand-in if you don’t have it

Aa 400

HelveticaNeue-CondensedBold

System font, or not loaded on this page · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Paragraph 1.8rem · 29 px / 1.625

NME brings you the latest music and pop culture news and reviews, along with videos and galleries, band features, concert tickets, magazine…

Small 80%

NME brings you the latest music and pop culture news and reviews, along with videos and galleries, band features, concert tickets, magazine…

Sizes in use

Most common across the site

32pxline 1.5 · 3 rules
24pxline 1.33333 · 6 rules
20pxline 1.6 · 7 rules
18pxline 1.74 · 5 rules
17pxline 1.65 · 3 rules
16pxline initial · 6 rules
14pxline initial · 19 rules
13px4 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

.5rem · 8×
.25rem · 7×
.375rem · 4×
.3125rem · 2×
1rem · 2×
.1875rem · 2×

Shadows

0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000
0 0 #0000,0 0 #0000,0 0 #0000
0 1px 2px #0000001a
0 0 0 1px ,0 3px 0

Layout

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

Grid

Breakpoints

400

480

580

640

768

1024

1280

1536

On a scale of 0 to 1536 px.

Content widths (max-width)

1536 px

1280 px

1024 px

768 px

640 px

300 px

Notes

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

Notes

● FineThe title is 48 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 NME use?: NME’s website uses one typeface: Helvetica Neue (headings and body text), a system font.
What are NME’s brand colours?: The main colours on nme.com are Deep Red (#E2001A), Deep Pink (#FF008C), Fire Brick (#B80115), Olive Drab (#86A503), Black (#101828) and Dark Slate Blue (#364153).
What colour is NME’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is NME’s logo from?: The logo shown in this guide was found on nme.com’s homepage. For official logo files and usage rules, check NME’s own brand or press page.
Is this NME’s official style guide?: No. SiteStyleGuide made it from nme.com’s public web pages on 30 October 2026, and isn’t affiliated with NME. 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

nme-com-tokens.css

Download

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

/* nme.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/nme.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-deep-black: #121211;
  --colour-light-black: #1F1F1F;
  --colour-deep-red: #E2001A;
  --colour-deep-pink: #FF008C;
  --colour-fire-brick: #B80115;
  --colour-olive-drab: #86A503;
  --colour-black-2: #101828;
  --colour-dark-slate-blue: #364153;
  --colour-royal-blue: #155DFC;
  --colour-dim-grey: #4A5565;
  --colour-lemon-chiffon: #FEF9C2;
  --colour-dodger-blue: #3080FF;
  --colour-light-red: #FB2C36;
  --colour-medium-spring-green: #05DF72;
  --gradient-1: linear-gradient(initial);
  --gradient-2: linear-gradient(#0000,#00000003 8.1%,#0000000c 15.5%,#0000001b 22.5%,#0000002d 29%,#00000042 35.3%,#0000005a 41.2%,#00000073 47.1%,#0000008c 52.9%,#000000a5 58.8%,#000000bd 64.7%,#000000d2 71%,#000000e4 77.5%,#000000f3 84.5%,#000000fc 91.9%,#000);
  --gradient-3: linear-gradient(-45deg,#0000 40%,#ffffff73,#0000 60%);

  /* Typefaces */
  --font-body: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --font-other: 'HelveticaNeue-CondensedBlack', 'HelveticaNeueBlackCondensed', 'Helvetica Condensed', 'Arial Narrow Bold', 'Arial Narrow', sans-serif;

  /* Type scale */
  --text-p: 1.8rem;
  --leading-p: 1.625;
  --text-small: 80%;

  /* Shape */
  --radius-1: .5rem;
  --radius-2: .25rem;
  --radius-3: .375rem;
  --radius-4: .3125rem;
  --radius-5: 1rem;
  --radius-6: .1875rem;

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

{
    "site": "nme.com",
    "source": "https://sitestyleguide.com/nme.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Deep Black",
            "hex": "#121211",
            "rgb": [
                18,
                18,
                17
            ]
        },
        {
            "name": "Light Black",
            "hex": "#1F1F1F",
            "rgb": [
                31,
                31,
                31
            ]
        },
        {
            "name": "Deep Red",
            "hex": "#E2001A",
            "rgb": [
                226,
                0,
                26
            ]
        },
        {
            "name": "Deep Pink",
            "hex": "#FF008C",
            "rgb": [
                255,
                0,
                140
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#B80115",
            "rgb": [
                184,
                1,
                21
            ]
        },
        {
            "name": "Olive Drab",
            "hex": "#86A503",
            "rgb": [
                134,
                165,
                3
            ]
        },
        {
            "name": "Black",
            "hex": "#101828",
            "rgb": [
                16,
                24,
                40
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#364153",
            "rgb": [
                54,
                65,
                83
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#155DFC",
            "rgb": [
                21,
                93,
                252
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#4A5565",
            "rgb": [
                74,
                85,
                101
            ]
        },
        {
            "name": "Lemon Chiffon",
            "hex": "#FEF9C2",
            "rgb": [
                254,
                249,
                194
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#3080FF",
            "rgb": [
                48,
                128,
                255
            ]
        },
        {
            "name": "Light Red",
            "hex": "#FB2C36",
            "rgb": [
                251,
                44,
                54
            ]
        },
        {
            "name": "Medium Spring Green",
            "hex": "#05DF72",
            "rgb": [
                5,
                223,
                114
            ]
        }
    ],
    "fonts": [
        {
            "name": "Helvetica Neue",
            "stack": "Helvetica Neue, Helvetica, Arial, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "HelveticaNeue-CondensedBlack",
            "stack": "HelveticaNeue-CondensedBlack, HelveticaNeueBlackCondensed, Helvetica Condensed, Arial Narrow Bold, Arial Narrow, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "SFMono-Regular",
            "stack": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "HelveticaNeue-CondensedBold",
            "stack": "HelveticaNeue-CondensedBold, HelveticaNeueBoldCondensed, Helvetica Condensed, Arial Narrow Bold, Arial Narrow, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Helvetica Neue as their main typeface

agoda.com

agoda.com · set in Helvetica Neue
Save
YouGlish

youglish.com · set in Helvetica Neue
Save
The Design Office of David McGillivray

dmcg.co · set in Helvetica Neue
Save
note（ノート）

note.mu · set in Helvetica Neue
Save

Websites whose lead colour is closest to NME’s

BuildYourBzns

buildyourbzns.com · 5 days ago
Save
Vanity Fair

vanityfair.com · 4 days ago
Save
Univision

univision.com · 3 days ago
Save
CCM

commentcamarche.net · 6 days ago
Save

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

NMEstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Deep Black

Light Black

Colours

Deep Red

Deep Pink

Fire Brick

Olive Drab

Black

Dark Slate Blue

Royal Blue

Dim Grey

Lemon Chiffon

Dodger Blue

Light Red

Medium Spring Green

Gradients

Helvetica Neue

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run nme.com?

Also set in Helvetica Neue

agoda.com

YouGlish

The Design Office of David McGillivray

note（ノート）

Similar colours

BuildYourBzns

Vanity Fair

Univision

CCM

Title &
description