What font does MovieWeb use?

MovieWeb’s website uses three typefaces: Poppins (headings and body text), served from static0.moviewebimages.com; Roboto, served from static0.moviewebimages.com; video player, self-hosted.

What are MovieWeb’s brand colours?

The main colours on movieweb.com are Crimson (#D7282F), Light Crimson (#FF1540), Medium Sea Green (#10C46E), Dodger Blue (#1E90FF), Light Indian Red (#F45967) and Maroon (#700003).

What colour is MovieWeb’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is MovieWeb’s logo from?

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

Is this MovieWeb’s official style guide?

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

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

Unofficial style guide

MovieWebstyle guide

MovieWeb’s website (movieweb.com) uses Poppins for its headings and body text. Its palette is led by Crimson (#D7282F), Light Crimson (#FF1540) and Medium Sea Green (#10C46E), with #000000 text on #FFFFFF. Captured from the live site on 22 October 2026.

Website: movieweb.com
Typefaces: Poppins, Roboto, video player
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 22 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the movieweb.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: MovieWeb - Movie News, Trailers, Reviews, and Exclusives.; ● 57 / 60 characters
Meta description: The latest movie news, trailers, reviews, and more.; ● 51 / 160 characters
Site name: MovieWeb
og:title: MovieWeb - Movie News, Trailers, Reviews, and Exclusives.
og:description: The latest movie news, trailers, reviews, and more.
Language: en

In search results

MovieWebhttps://movieweb.com/

MovieWeb - Movie News, Trailers, Reviews, and Exclusives.

The latest movie news, trailers, reviews, and more.

When shared

movieweb.com

MovieWeb - Movie News, Trailers, Reviews, and Exclusives.

The latest movie news, trailers, reviews, and more.

Logo & favicons

Found as: image in the header. SVG, 569 × 110.

Logo

On white

On black

On Crimson

Favicons

5 found

240 px · PNG icon
192 px · PNG icon
144 px · PNG icon
96 px · PNG icon
48 px · PNG icon

MovieWeb - Movie News, Trailers, Reviews, and Exclusives.

Light browser tab

MovieWeb - Movie News, Trailers, Reviews, and Exclusives.

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 47.9%
Near Black 21.3%
Charcoal 12.5%
Crimson 8.2%
Grey 5.7%
Light Crimson 1.2%
Medium Sea Green 0.9%
Dodger Blue 0.5%
Light Indian Red 0.5%
Maroon 0.2%
Dark Slate Grey 0.2%
Brown 0.2%
Deep Indian Red 0.2%
Fire Brick 0.1%
Deep Crimson 0.1%
Royal Blue 0.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

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Text, background, border · .w-google-addus-btn--article-full.w-google-addus-btn--article-header.w-google-ad, .always-dark .theme-tech .widget__horizontal-list-full .display-card.full-cover-
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 94

On text
1.10:1 Fail

On white
19.03:1 AAA

Background, text, border · .w-google-addus-btn--article-full.w-google-addus-btn--article-header.w-google-ad, .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .displa
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
1.66:1 Fail

On white
12.63:1 AAA

Background, text, border · .w-hub-widgets-one-column .w-hub-widgets[class*=widget__ordered-list] .articles , .btn-fab.primary-reversed
Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 53

On text
4.69:1 AA

On white
4.48:1 AA large

Text, border, background · .w-input-checkbox .input-checkbox-icon, .w-hub-widgets .w-newsletter-widget.grid-width .newsletter-widget-header .newsle

Colours

Brand colours and accents, most used first

Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 81 78 16

On text
4.23:1 AA large

On white
4.96:1 AA

Text, background, border · .grid-accordion-widget__card--secondary-2 .display-card-title a, .btn-fab.primary-brand
Light Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 92 75 0

On text
5.43:1 AA

On white
3.87:1 AA large

Background, text, border · .btn-user-action.modal-confirm, .nav-link.nav-link-user.has-notification:after
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
92 0 44 23

On text
9.14:1 AAA

On white
2.30:1 Fail

Background, border, text · .w-input-checkbox .input-checkbox:checked~.input-checkbox-icon:before, .btn-premium.primary.is-activated
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
88 44 0 0

On text
6.49:1 AA

On white
3.24:1 AA large

Background, graphic, text · .btn-user-action, .btn-fab.thread-creation
Light Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 64 58 4

On text
6.47:1 AA

On white
3.25:1 AA large

Text · .always-dark .btn-premium.tertiary.cancel, .btn-premium.tertiary.cancel
Maroon

HEX

RGB

HSL

OKLCH

CMYK
0 100 97 56

On text
1.69:1 Fail

On white
12.42:1 AAA

Background, text · .btn-user-action.modal-confirm:hover, .always-dark .w-user-msg.notification.alert-error
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
91 0 45 77

On text
1.63:1 Fail

On white
12.86:1 AAA

Background, text · footer .w-footer .footer-newsletter:has(.newsletter-widget-finalize-account)>.ne, .w-hub-widgets .w-newsletter-widget .newsletter-widget:has(.newsletter-widget-fi
Brown

HEX

RGB

HSL

OKLCH

CMYK
0 81 78 33

On text
2.99:1 Fail

On white
7.03:1 AAA

Background, text · .sidebar-tabs .sidebar-el-content a.btn-full:hover, .widget__horizontal-list-full-4 .w-display-card-category .dc-tag-label
Deep Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 63 60 13

On text
5.52:1 AA

On white
3.80:1 AA large

Background, text, border · .section-title:after, footer .w-footer .footer-news-tip:hover
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 99 89 22

On text
3.44:1 AA large

On white
6.10:1 AA

Text, border · p.f-errors, .w-valnet-login p.f-errors
Deep Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 85 71 18

On text
3.94:1 AA large

On white
5.33:1 AA

Background · .marketplace-card__price.--auction, .w-hub-widgets .w-marketplace-widget .mp-search-box .mp-btn-primary
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
81 67 0 0

On text
3.84:1 AA large

On white
5.46:1 AA

Background · footer .w-footer .footer-newsletter-form .valnet-newsletter-btn, footer .w-footer .footer-newsletter .newsletter-widget-finalize-account .newslet

Gradients

linear-gradient(180deg,hsla(0,0%,9%,0),hsla(0,0%,9%,.1) 35%,hsla(0,0%,9%,.5) 77%,#333)
linear-gradient(180deg,transparent 5%,#d7282f 0,#d7282f 78%,transparent 0)
linear-gradient(0deg,hsla(0,0%,9%,.9),hsla(0,0%,9%,.9) 10%,hsla(0,0%,9%,0))

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.

Poppins

Aa 400 Aa 900

Poppins

Served from static0.moviewebimages.com · weights 400, 500, 600, 700, 800, 900 · headings, buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 800

Roboto

Served from static0.moviewebimages.com · weights 400, 500, 600, 700, 800 · headings, buttons · shown in a stand-in if you don’t have it

Aa 400

video player

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

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

Type scale

From the site’s CSS

Body 16px / 1.231 arial

The latest movie news, trailers, reviews, and more.

Paragraph .875rem · 14 px / 1.5em weight 400 · Roboto

The latest movie news, trailers, reviews, and more.

Button .75rem · 12 px / 1 weight 800 · Poppins

Get started

Link 1.25rem · 20 px / 1.2 weight 700 · Poppins

Sizes in use

Most common across the site

24pxline 1.75rem · 30 rules
20pxline 1 · 57 rules
18pxline 1 · 36 rules
16pxline 1 · 152 rules
14pxline 1 · 124 rules
13pxline 1 · 20 rules
12pxline 1 · 129 rules
10pxline 1 · 29 rules

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

.btn-user-action · #1E90FF

Corner radius

8px · 107×
3px · 45×
4px · 26×
50% · 18×
0 0 8px 8px · 16×
2px · 13×

Shadows

0 0 2px #333
0 0 12px rgba(0,0,0,.15)
0 0 12px hsla(0,0%,6%,.25)
0 0 2px #e2e2e2

Layout

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

Grid

Breakpoints

480

481

767

768

1023

1024

1180

1440

On a scale of 0 to 1440 px.

Content widths (max-width)

1300 px

800 px

620 px

600 px

400 px

310 px

Notes

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

Notes

● FineThe title is 57 characters, short enough to show in full in search results.

Questions

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

Questions

What font does MovieWeb use?: MovieWeb’s website uses three typefaces: Poppins (headings and body text), served from static0.moviewebimages.com; Roboto, served from static0.moviewebimages.com; video player, self-hosted.
What are MovieWeb’s brand colours?: The main colours on movieweb.com are Crimson (#D7282F), Light Crimson (#FF1540), Medium Sea Green (#10C46E), Dodger Blue (#1E90FF), Light Indian Red (#F45967) and Maroon (#700003).
What colour is MovieWeb’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is MovieWeb’s logo from?: The logo shown in this guide was found on movieweb.com’s homepage. For official logo files and usage rules, check MovieWeb’s own brand or press page.
Is this MovieWeb’s official style guide?: No. SiteStyleGuide made it from movieweb.com’s public web pages on 22 October 2026, and isn’t affiliated with MovieWeb. 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

movieweb-com-tokens.css

Download

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

/* movieweb.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/movieweb.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #101010;
  --colour-charcoal: #333333;
  --colour-grey: #777777;
  --colour-crimson: #D7282F;
  --colour-light-crimson: #FF1540;
  --colour-medium-sea-green: #10C46E;
  --colour-dodger-blue: #1E90FF;
  --colour-light-indian-red: #F45967;
  --colour-maroon: #700003;
  --colour-dark-slate-grey: #053A20;
  --colour-brown: #AC2026;
  --colour-deep-indian-red: #DF5359;
  --colour-fire-brick: #C70116;
  --colour-deep-crimson: #D01F3C;
  --colour-royal-blue: #3154FF;
  --gradient-1: linear-gradient(180deg,hsla(0,0%,9%,0),hsla(0,0%,9%,.1) 35%,hsla(0,0%,9%,.5) 77%,#333);
  --gradient-2: linear-gradient(180deg,transparent 5%,#d7282f 0,#d7282f 78%,transparent 0);
  --gradient-3: linear-gradient(0deg,hsla(0,0%,9%,.9),hsla(0,0%,9%,.9) 10%,hsla(0,0%,9%,0));

  /* Typefaces */
  --font-headings: 'Poppins', sans-serif;
  --font-buttons: 'Poppins', sans-serif;
  --font-other: 'video player';

  /* Type scale */
  --text-body: 16px;
  --leading-body: 1.231;
  --text-p: .875rem;
  --leading-p: 1.5em;
  --text-button: .75rem;
  --leading-button: 1;
  --text-a: 1.25rem;
  --leading-a: 1.2;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 481px;
  --breakpoint-3: 767px;
  --breakpoint-4: 768px;
  --breakpoint-5: 1023px;
  --breakpoint-6: 1024px;
  --breakpoint-7: 1180px;
  --breakpoint-8: 1440px;
  --max-width-1: 1300px;
  --max-width-2: 800px;
  --max-width-3: 620px;
  --max-width-4: 600px;
  --max-width-5: 400px;
  --max-width-6: 310px;
}

{
    "site": "movieweb.com",
    "source": "https://sitestyleguide.com/movieweb.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#101010",
            "rgb": [
                16,
                16,
                16
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Grey",
            "hex": "#777777",
            "rgb": [
                119,
                119,
                119
            ]
        },
        {
            "name": "Crimson",
            "hex": "#D7282F",
            "rgb": [
                215,
                40,
                47
            ]
        },
        {
            "name": "Light Crimson",
            "hex": "#FF1540",
            "rgb": [
                255,
                21,
                64
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#10C46E",
            "rgb": [
                16,
                196,
                110
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#1E90FF",
            "rgb": [
                30,
                144,
                255
            ]
        },
        {
            "name": "Light Indian Red",
            "hex": "#F45967",
            "rgb": [
                244,
                89,
                103
            ]
        },
        {
            "name": "Maroon",
            "hex": "#700003",
            "rgb": [
                112,
                0,
                3
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#053A20",
            "rgb": [
                5,
                58,
                32
            ]
        },
        {
            "name": "Brown",
            "hex": "#AC2026",
            "rgb": [
                172,
                32,
                38
            ]
        },
        {
            "name": "Deep Indian Red",
            "hex": "#DF5359",
            "rgb": [
                223,
                83,
                89
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#C70116",
            "rgb": [
                199,
                1,
                22
            ]
        },
        {
            "name": "Deep Crimson",
            "hex": "#D01F3C",
            "rgb": [
                208,
                31,
                60
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#3154FF",
            "rgb": [
                49,
                84,
                255
            ]
        }
    ],
    "fonts": [
        {
            "name": "Poppins",
            "stack": "Poppins, sans-serif",
            "weights": [
                400,
                500,
                600,
                700,
                800,
                900
            ],
            "source": "Served from static0.moviewebimages.com"
        },
        {
            "name": "Roboto",
            "stack": "Roboto, sans-serif",
            "weights": [
                400,
                500,
                600,
                700,
                800
            ],
            "source": "Served from static0.moviewebimages.com"
        },
        {
            "name": "video player",
            "stack": "video player",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using Poppins as their main typeface

SiteGround

siteground.com · set in Poppins
Save
NCI

cancer.gov · set in Poppins
Save
BuildYourBzns

buildyourbzns.com · set in Poppins
Save
CDC

cdc.gov · set in Poppins
Save

Websites whose lead colour is closest to MovieWeb’s

The Hollywood Reporter

hollywoodreporter.com · 4 days ago
Save
Super User

superuser.com · 2 days ago
Save
Bank of America

bankofamerica.com · 3 days ago
Save
feedburner.com

feedburner.com · 3 days ago
Save

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

MovieWebstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Charcoal

Grey

Colours

Crimson

Light Crimson

Medium Sea Green

Dodger Blue

Light Indian Red

Maroon

Dark Slate Grey

Brown

Deep Indian Red

Fire Brick

Deep Crimson

Royal Blue

Gradients

Poppins

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run movieweb.com?

Also set in Poppins

SiteGround

NCI

BuildYourBzns

CDC

Similar colours

The Hollywood Reporter

Super User

Bank of America

feedburner.com

Title &
description