What font does Breitbart use?

Breitbart’s website uses four typefaces: Bebas Neue (headings), google Fonts; Georgia (body text), a system font; VideoJS, self-hosted; Fjalla One, google Fonts.

What are Breitbart’s brand colours?

The main colours on breitbart.com are Orange Red (#FF5500), Deep Sky Blue (#13BAEE), Red (#FF0000), Sienna (#CC4400), Slate Blue (#5052EE) and Deep Steel Blue (#00749E).

What colour is Breitbart’s text and background?

Body text is #111111 on a #FFFFFF background.

Where is Breitbart’s logo from?

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

Is this Breitbart’s official style guide?

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

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

Unofficial style guide

Breitbartstyle guide

Breitbart’s website (breitbart.com) sets its headings in Bebas Neue and its body text in Georgia. Its palette is led by Orange Red (#FF5500), Deep Sky Blue (#13BAEE) and Red (#FF0000), with #111111 text on #FFFFFF. Captured from the live site on 30 October 2026.

Website: breitbart.com
Typefaces: Bebas Neue, Georgia, VideoJS
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 30 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the breitbart.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: Breitbart News Network; ● 22 / 60 characters
Meta description: Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.; ● 110 / 160 characters
Site name: Breitbart
og:title: Breitbart News Network
og:description: Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.
Language: en
Theme colour: #FF5500

In search results

Breitbarthttps://www.breitbart.com/

Breitbart News Network

Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.

When shared

breitbart.com

Breitbart News Network

Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.

Logo & favicons

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

Logo

On white

On black

On Orange Red

Favicons

8 found

512 px · SVG mask-icon
180 px · PNG apple-touch-icon
180 px · PNG manifest
152 px · PNG manifest
144 px · PNG manifest
120 px · PNG manifest
114 px · PNG manifest
80 px · PNG icon

Breitbart News Network

Light browser tab

Breitbart News Network

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 (#111111) 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%
Black 21.2%
Orange Red 16%
Light Off White 4.9%
Deep Off White 4%
Deep Sky Blue 3.6%
Red 3.3%
Sienna 2.1%
Slate Blue 2%
Deep Steel Blue 1.9%
Royal Blue 1.5%
Light Slate Grey 1.1%
Crimson 1.1%
Light Steel Blue 0.8%
Midnight Blue 0.8%
Medium Slate Blue 0.7%

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.88:1 AAA

On white
—

Text, background, border · .vjs-track-settings-controls button, .trifecta .new-vert-ftd-secondary article h2 a
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.11:1 Fail

On white
21.00:1 AAA

Text, background, border · body, .c-clips article.video h2
Light Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
16.28:1 AAA

On white
1.16:1 Fail

Background, border, text · pre, .a8d
Deep Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 15

On text
13.25:1 AAA

On white
1.43:1 Fail

Border, text, background · hr.bn-premium-hr, #FootW #FWI

Colours

Brand colours and accents, most used first

Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 67 100 0

On text
5.89:1 AA

On white
3.21:1 AA large

Text, background, border · .bb-con-need-1 figure a, #notify-optin-wrap nav .opt-now-allow
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
92 22 0 7

On text
8.35:1 AAA

On white
2.26:1 Fail

Text, background, border · #social-follow-sidebar-widget h2 a.follow_store, #HWT #section-trending-bar #menu-europe-trending:before
Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 0

On text
4.72:1 AA

On white
4.00:1 AA large

Background, text, border · .gb.has-america250-block .byC, #bn-banner
Sienna

HEX

RGB

HSL

OKLCH

CMYK
0 67 100 20

On text
3.95:1 AA large

On white
4.78:1 AA

Background, text, border · .featured_side article h2 a, #notify-optin-wrap nav .opt-now-allow:hover
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
66 66 0 7

On text
3.40:1 AA large

On white
5.55:1 AA

Background · .bnn-social-share .button_truthsocial, #social-share-article-footer .button_truthsocial
Deep Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 27 0 38

On text
3.59:1 AA large

On white
5.26:1 AA

Text, background, border · #notify-optin-wrap nav .opt-now-decline, .single article footer>div.author a
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
63 44 0 39

On text
2.75:1 Fail

On white
6.87:1 AA

Background, text · .bnn-social-share .button_facebook, #social-share-article-footer .button_facebook
Light Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
28 16 0 38

On text
5.02:1 AA

On white
3.76:1 AA large

Background · .vjs-track-settings-controls button, .vjs-track-settings-controls button:active
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 84 84 16

On text
3.70:1 AA large

On white
5.11:1 AA

Background · .bnn-social-share .button_reddit, .bnn-social-share .button_reddit:hover
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 26 0 33

On text
4.06:1 AA large

On white
4.65:1 AA

Text · a, li#bn-premium-nav-dropdown p a
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
100 71 0 48

On text
1.45:1 Fail

On white
13.00:1 AAA

Background, text, border · #america250-canvas-header span:first-of-type, .gb.has-america250-block
Medium Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
55 55 0 5

On text
4.64:1 AA

On white
4.07:1 AA large

Background · .bnn-social-share .button_truthsocial:hover, #social-share-article-footer .button_truthsocial:hover

Gradients

linear-gradient(180deg,hsla(0,0%,100%,0),#fff 26.5%)
linear-gradient(0deg,transparent,transparent)
linear-gradient(-180deg,#fff 88%,#73859f 100%)

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.

Bebas Neue

Aa 400

Bebas Neue

Google Fonts · weights 400 · headings, buttons

Aa 400 Aa 600

Georgia

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

Aa 400

VideoJS

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

Aa 400

Fjalla One

Google Fonts · weights 400 · headings

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

Type scale

From the site’s CSS · root 10 px

Heading 1 48px / .9em Bebas Neue

Breitbart

Heading 2 55px Bebas Neue

Breitbart News Network

Heading 3 20px Bebas Neue

Breitbart News Network

Heading 4 100% Bebas Neue

Breitbart News Network

Heading 5 100% Bebas Neue

Breitbart News Network

Heading 6 100% Bebas Neue

Breitbart News Network

Body 16px / 1.4 Georgia

Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.

Paragraph 100%

Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.

Small 75%

Syndicated news and opinion website providing continuously updated headlines to top news and analysis sources.

Button 1.6rem · 16 px / 1.5

Get started

Link 100%

Sizes in use

Most common across the site

20pxline 20px · 21 rules
18pxline 1.25 · 10 rules
17pxline 24px · 12 rules
16pxline 19.2px · 20 rules
14pxline 36px · 13 rules
12pxline 16px · 11 rules
11pxline 25px · 10 rules
10pxline 3em · 15 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

.bb-con-need-1 figure a · #FF5500 · radius 2px

Link

Read our latest news today.

a · #007DAA

Corner radius

8px · 13×
50% · 9×
10px · 5×
5px · 4×
4px · 4×
2px · 4×

Shadows

0 0 1px #444446
0 0 1px #2196f3
0 1px 120px rgba(0,0,0,.16)
0 0 18px rgba(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

480

568

600

667

768

812

990

On a scale of 0 to 1440 px.

Content widths (max-width)

1010 px

990 px

971 px

970 px

640 px

310 px

Notes

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

Notes

● FineThe title is 22 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 Breitbart use?: Breitbart’s website uses four typefaces: Bebas Neue (headings), google Fonts; Georgia (body text), a system font; VideoJS, self-hosted; Fjalla One, google Fonts.
What are Breitbart’s brand colours?: The main colours on breitbart.com are Orange Red (#FF5500), Deep Sky Blue (#13BAEE), Red (#FF0000), Sienna (#CC4400), Slate Blue (#5052EE) and Deep Steel Blue (#00749E).
What colour is Breitbart’s text and background?: Body text is #111111 on a #FFFFFF background.
Where is Breitbart’s logo from?: The logo shown in this guide was found on breitbart.com’s homepage. For official logo files and usage rules, check Breitbart’s own brand or press page.
Is this Breitbart’s official style guide?: No. SiteStyleGuide made it from breitbart.com’s public web pages on 30 October 2026, and isn’t affiliated with Breitbart. 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

breitbart-com-tokens.css

Download

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

/* breitbart.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/breitbart.com) */
:root {
  /* Colours */
  --text: #111111;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-light-off-white: #EEEEEE;
  --colour-deep-off-white: #D8D8D8;
  --colour-orange-red: #FF5500;
  --colour-deep-sky-blue: #13BAEE;
  --colour-red: #FF0000;
  --colour-sienna: #CC4400;
  --colour-slate-blue: #5052EE;
  --colour-deep-steel-blue: #00749E;
  --colour-royal-blue: #3A589C;
  --colour-light-slate-grey: #73859F;
  --colour-crimson: #D62222;
  --colour-light-steel-blue: #007DAA;
  --colour-midnight-blue: #002685;
  --colour-medium-slate-blue: #6D6EF2;
  --gradient-1: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 26.5%);
  --gradient-2: linear-gradient(0deg,transparent,transparent);
  --gradient-3: linear-gradient(-180deg,#fff 88%,#73859f 100%);

  /* Typefaces */
  --font-headings: 'Bebas Neue', sans-serif;
  --font-buttons: 'Bebas Neue', sans-serif;
  --font-body: 'Georgia', 'Times New Roman', serif;
  --font-other: 'Arial', sans-serif;

  /* Type scale */
  --text-h1: 48px;
  --leading-h1: .9em;
  --text-h2: 55px;
  --text-h3: 20px;
  --text-h4: 100%;
  --text-h5: 100%;
  --text-h6: 100%;
  --text-body: 16px;
  --leading-body: 1.4;
  --text-p: 100%;
  --text-small: 75%;
  --text-button: 1.6rem;
  --leading-button: 1.5;
  --text-a: 100%;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 320px;
  --breakpoint-2: 480px;
  --breakpoint-3: 568px;
  --breakpoint-4: 600px;
  --breakpoint-5: 667px;
  --breakpoint-6: 768px;
  --breakpoint-7: 812px;
  --breakpoint-8: 990px;
  --max-width-1: 1010px;
  --max-width-2: 990px;
  --max-width-3: 971px;
  --max-width-4: 970px;
  --max-width-5: 640px;
  --max-width-6: 310px;
}

{
    "site": "breitbart.com",
    "source": "https://sitestyleguide.com/breitbart.com",
    "text": "#111111",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Light Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Deep Off White",
            "hex": "#D8D8D8",
            "rgb": [
                216,
                216,
                216
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#FF5500",
            "rgb": [
                255,
                85,
                0
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#13BAEE",
            "rgb": [
                19,
                186,
                238
            ]
        },
        {
            "name": "Red",
            "hex": "#FF0000",
            "rgb": [
                255,
                0,
                0
            ]
        },
        {
            "name": "Sienna",
            "hex": "#CC4400",
            "rgb": [
                204,
                68,
                0
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#5052EE",
            "rgb": [
                80,
                82,
                238
            ]
        },
        {
            "name": "Deep Steel Blue",
            "hex": "#00749E",
            "rgb": [
                0,
                116,
                158
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#3A589C",
            "rgb": [
                58,
                88,
                156
            ]
        },
        {
            "name": "Light Slate Grey",
            "hex": "#73859F",
            "rgb": [
                115,
                133,
                159
            ]
        },
        {
            "name": "Crimson",
            "hex": "#D62222",
            "rgb": [
                214,
                34,
                34
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#007DAA",
            "rgb": [
                0,
                125,
                170
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#002685",
            "rgb": [
                0,
                38,
                133
            ]
        },
        {
            "name": "Medium Slate Blue",
            "hex": "#6D6EF2",
            "rgb": [
                109,
                110,
                242
            ]
        }
    ],
    "fonts": [
        {
            "name": "Bebas Neue",
            "stack": "\"Bebas Neue\", sans-serif",
            "weights": [
                400
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Georgia",
            "stack": "\"Georgia\", \"Times New Roman\", serif",
            "weights": [
                400,
                600
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "VideoJS",
            "stack": "VideoJS",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Fjalla One",
            "stack": "\"Fjalla One\", sans-serif",
            "weights": [
                400
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Arial",
            "stack": "\"Arial\", sans-serif",
            "weights": [
                400,
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Open Sans",
            "stack": "\"Open Sans\", \"Helvetica\", \"Arial\", \"Verdana\", sans-serif",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "Google Fonts"
        }
    ]
}

Websites whose lead colour is closest to Breitbart’s

SoundCloud

soundcloud.com · 23 hours ago
Save
orange.fr

orange.fr · 5 days ago
Save
eastmoney.com

eastmoney.com · 4 days ago
Save
【58同城 58.com】北京分类信息

58.com · 5 days ago
Save

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

Breitbartstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Light Off White

Deep Off White

Colours

Orange Red

Deep Sky Blue

Red

Sienna

Slate Blue

Deep Steel Blue

Royal Blue

Light Slate Grey

Crimson

Light Steel Blue

Midnight Blue

Medium Slate Blue

Gradients

Bebas Neue

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run breitbart.com?

Similar colours

SoundCloud

orange.fr

eastmoney.com

【58同城 58.com】北京分类信息

Title &
description