What font does Digg use?

Digg’s website uses four typefaces: IBM Plex Sans (headings and body text), a system font; roobert, self-hosted; roobertItalic, self-hosted; ibmPlexSans, self-hosted.

What are Digg’s brand colours?

The main colours on digg.com are Light Royal Blue (#1C66EB), Crimson (#CC434D), Deep Sea Green (#6AA15A), Deep Royal Blue (#0E50C6), Light Golden Rod (#C07900) and Slate Blue (#7759C2).

What colour is Digg’s text and background?

Body text is #161617 on a #FDFDFF background.

Where is Digg’s logo from?

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

Is this Digg’s official style guide?

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

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

Unofficial style guide

Diggstyle guide

Digg’s website (digg.com) uses IBM Plex Sans for its headings and body text. Its palette is led by Light Royal Blue (#1C66EB), Crimson (#CC434D) and Deep Sea Green (#6AA15A), with #161617 text on #FDFDFF. Captured from the live site on 2 November 2026.

Website: digg.com
Typefaces: IBM Plex Sans, roobert, roobertItalic
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 2 Nov 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the digg.com homepage on a desktop screen — Screenshot of digg.com on a 1440 px desktop screen, 2 Nov 2026.

Screenshot of the digg.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: Digg - News, before it trends; ● 29 / 60 characters
Meta description: See what's next in AI before it trends. Digg watches the people who move first.; ● 79 / 160 characters
Site name: Digg
og:title: Digg - News, before it trends
og:description: See what's next in AI before it trends. Digg watches the people who move first.
Language: en

In search results

Digghttps://digg.com/

Digg - News, before it trends

See what's next in AI before it trends. Digg watches the people who move first.

When shared

digg.com

Digg - News, before it trends

See what's next in AI before it trends. Digg watches the people who move first.

Logo & favicons

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

Logo

On white

On black

On Light Royal Blue

Favicons

5 found

512 px · PNG manifest
192 px · PNG manifest
180 px · PNG apple-touch-icon
48 px · ICO icon
16 px · SVG icon

Digg - News, before it trends

Light browser tab

Digg - News, before it trends

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

Colour

Balance

How much each colour is used

Near Black 18.7%
Light Royal Blue 18.1%
Cool Off White 17.4%
White 17%
Crimson 8.9%
Deep Sea Green 4.1%
Deep Royal Blue 4%
Black 2.7%
Light Golden Rod 1.7%
Slate Blue 1.4%
Orchid 1.3%
Khaki 1.3%
Dark Grey 1.1%
Golden Rod 0.8%
Light Sea Green 0.8%
Deep Golden Rod 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

Near Black

HEX

RGB

HSL

OKLCH

CMYK
4 4 0 91

On text
—

On white
18.08:1 AAA

Text, background, border · body, .typeset :not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-ty
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
2 2 0 4

On text
15.92:1 AAA

On white
1.14:1 Fail

Background, graphic · .typeset :not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-ty, .bg-muted\/20
White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
18.08:1 AAA

On white
—

Background, text, border · body, .bg-popover\/90
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.16:1 Fail

On white
21.00:1 AAA

Background, border, text · --scroll-fade-inline, --scroll-fade-mask

Colours

Brand colours and accents, most used first

Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
88 57 0 8

On text
3.57:1 AA large

On white
5.06:1 AA

Background, border, text · .bg-accent\/30, .bg-blue-500\/12
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 67 62 20

On text
3.86:1 AA large

On white
4.69:1 AA

Background, text, border · .bg-destructive\/10, .bg-destructive\/12
Deep Sea Green

HEX

RGB

HSL

OKLCH

CMYK
34 0 44 37

On text
5.91:1 AA

On white
3.06:1 AA large

Background, border, text · .bg-success\/8, .bg-success\/10
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
93 60 0 22

On text
2.57:1 Fail

On white
7.04:1 AAA

Background, text, border · .bg-blue-600\/15, .bg-blue-600\/30
Light Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
0 37 100 25

On text
5.15:1 AA

On white
3.51:1 AA large

Background, border · .bg-amber-500\/12, .bg-amber-500\/15
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
39 54 0 24

On text
3.44:1 AA large

On white
5.26:1 AA

Background, border, text · .bg-purple-600\/15, .bg-purple-600\/30
Orchid

HEX

RGB

HSL

OKLCH

CMYK
0 50 5 21

On text
5.25:1 AA

On white
3.44:1 AA large

Background, text · .bg-fuchsia-500\/30, .bg-fuchsia-500
Khaki

HEX

RGB

HSL

OKLCH

CMYK
0 13 48 3

On text
13.00:1 AAA

On white
1.39:1 Fail

Background, text, graphic · .bg-yellow-300\/15, .bg-yellow-300\/30
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
10 10 0 25

On text
8.02:1 AAA

On white
2.26:1 Fail

Border · *, --ring
Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
0 19 64 5

On text
11.06:1 AAA

On white
1.63:1 Fail

Background · .bg-yellow-400\/10, .comment-discussion-module__fbrrgG__reported
Light Sea Green

HEX

RGB

HSL

OKLCH

CMYK
42 0 27 30

On text
7.19:1 AAA

On white
2.51:1 Fail

Background, border · .bg-emerald-400\/90, .border-emerald-400\/30
Deep Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
0 35 100 36

On text
3.98:1 AA large

On white
4.55:1 AA

Text · .text-yellow-800, .comment-discussion-module__fbrrgG__reported

Gradients

linear-gradient(initial)

Dark mode

Switched on by the site

Royal Blue

#1C66EB · --primary
Crimson

#CC434D · --destructive
Cornflower Blue

#4085FF
Medium Sea Green

#6AA15A · --success
Royal Blue

#0E50C6
White

#FFFFFF
Dark Golden Rod

#C07900
Orchid

#C965BF
Slate Blue

#7759C2
Khaki

#F7D881
Cornflower Blue

#6BA4FF · --brand-text
Dark Slate Blue

#03369C

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.

IBM Plex Sans

Aa 400

IBM Plex Sans

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

Aa 100 Aa 900

roobert

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

Aa 100 Aa 900

roobertItalic

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

Aa 400 Aa 700

ibmPlexSans

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

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

Type scale

From the site’s CSS

Heading 2 .625rem · 10 px / initial weight 600

Digg - News, before it trends

Heading 3 1.25rem · 20 px / initial

Digg - News, before it trends

Paragraph 1.125rem · 18 px / initial

See what's next in AI before it trends. Digg watches the people who move first.

Small 80%

See what's next in AI before it trends. Digg watches the people who move first.

Sizes in use

Most common across the site

24pxline initial · 3 rules
20pxline initial · 5 rules
18pxline initial · 6 rules
16pxline initial · 9 rules
14pxline initial · 16 rules
13pxline 1.1875rem · 6 rules
12pxline initial · 12 rules
10pxline initial · 4 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

.625rem · 7×
3.40282e38px · 6×

Shadows

0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000
0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a

Layout

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

Grid

Breakpoints

599

600

640

700

768

1024

1280

1536

On a scale of 0 to 1536 px.

Content widths (max-width)

1536 px

1440 px

1280 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 29 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 Digg use?: Digg’s website uses four typefaces: IBM Plex Sans (headings and body text), a system font; roobert, self-hosted; roobertItalic, self-hosted; ibmPlexSans, self-hosted.
What are Digg’s brand colours?: The main colours on digg.com are Light Royal Blue (#1C66EB), Crimson (#CC434D), Deep Sea Green (#6AA15A), Deep Royal Blue (#0E50C6), Light Golden Rod (#C07900) and Slate Blue (#7759C2).
What colour is Digg’s text and background?: Body text is #161617 on a #FDFDFF background.
Where is Digg’s logo from?: The logo shown in this guide was found on digg.com’s homepage. For official logo files and usage rules, check Digg’s own brand or press page.
Is this Digg’s official style guide?: No. SiteStyleGuide made it from digg.com’s public web pages on 2 November 2026, and isn’t affiliated with Digg. 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

digg-com-tokens.css

Download

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

/* digg.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/digg.com) */
:root {
  /* Colours */
  --text: #161617;
  --background: #FDFDFF;
  --colour-near-black: #161617;
  --colour-cool-off-white: #F0F0F5;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-light-royal-blue: #1C66EB;
  --colour-crimson: #CC434D;
  --colour-deep-sea-green: #6AA15A;
  --colour-deep-royal-blue: #0E50C6;
  --colour-light-golden-rod: #C07900;
  --colour-slate-blue: #7759C2;
  --colour-orchid: #C965BF;
  --colour-khaki: #F7D881;
  --colour-dark-grey: #ABABBF;
  --colour-golden-rod: #F3C457;
  --colour-light-sea-green: #67B383;
  --colour-deep-golden-rod: #A36A00;
  --gradient-1: linear-gradient(initial);

  /* Typefaces */
  --font-other: 'IBM Plex Sans', sans-serif;

  /* Type scale */
  --text-h2: .625rem;
  --leading-h2: initial;
  --text-h3: 1.25rem;
  --leading-h3: initial;
  --text-p: 1.125rem;
  --leading-p: initial;
  --text-small: 80%;

  /* Shape */
  --radius-1: .625rem;
  --radius-2: 3.40282e38px;

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

{
    "site": "digg.com",
    "source": "https://sitestyleguide.com/digg.com",
    "text": "#161617",
    "background": "#FDFDFF",
    "colours": [
        {
            "name": "Near Black",
            "hex": "#161617",
            "rgb": [
                22,
                22,
                23
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#F0F0F5",
            "rgb": [
                240,
                240,
                245
            ]
        },
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#1C66EB",
            "rgb": [
                28,
                102,
                235
            ]
        },
        {
            "name": "Crimson",
            "hex": "#CC434D",
            "rgb": [
                204,
                67,
                77
            ]
        },
        {
            "name": "Deep Sea Green",
            "hex": "#6AA15A",
            "rgb": [
                106,
                161,
                90
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#0E50C6",
            "rgb": [
                14,
                80,
                198
            ]
        },
        {
            "name": "Light Golden Rod",
            "hex": "#C07900",
            "rgb": [
                192,
                121,
                0
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#7759C2",
            "rgb": [
                119,
                89,
                194
            ]
        },
        {
            "name": "Orchid",
            "hex": "#C965BF",
            "rgb": [
                201,
                101,
                191
            ]
        },
        {
            "name": "Khaki",
            "hex": "#F7D881",
            "rgb": [
                247,
                216,
                129
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#ABABBF",
            "rgb": [
                171,
                171,
                191
            ]
        },
        {
            "name": "Golden Rod",
            "hex": "#F3C457",
            "rgb": [
                243,
                196,
                87
            ]
        },
        {
            "name": "Light Sea Green",
            "hex": "#67B383",
            "rgb": [
                103,
                179,
                131
            ]
        },
        {
            "name": "Deep Golden Rod",
            "hex": "#A36A00",
            "rgb": [
                163,
                106,
                0
            ]
        }
    ],
    "fonts": [
        {
            "name": "IBM Plex Sans",
            "stack": ", \"IBM Plex Sans\", sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "roobert",
            "stack": "roobert, roobert Fallback",
            "weights": [
                100,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "roobertItalic",
            "stack": "roobertItalic, roobertItalic Fallback",
            "weights": [
                100,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "ibmPlexSans",
            "stack": "ibmPlexSans, ibmPlexSans Fallback",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "vt323",
            "stack": "vt323, vt323 Fallback",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using IBM Plex Sans as their main typeface

IBM

ibm.com · set in IBM Plex Sans
Save
arxiv.org

arxiv.org · set in IBM Plex Sans
Save
Variety

variety.com · set in IBM Plex Sans
Save
QA Deals

qadeals.tech · set in IBM Plex Sans
Save

Websites whose lead colour is closest to Digg’s

WeTransfer

we.tl · 2 days ago
Save
cargocollective.com

cargocollective.com · 6 days ago
Save
agoda.com

agoda.com · 18 hours ago
Save
エキサイトブログ

exblog.jp · 2 days ago
Save

Captured from digg.com on 2 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by Digg; this guide describes the public website for reference.

Diggstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

Near Black

Cool Off White

White

Black

Colours

Light Royal Blue

Crimson

Deep Sea Green

Deep Royal Blue

Light Golden Rod

Slate Blue

Orchid

Khaki

Dark Grey

Golden Rod

Light Sea Green

Deep Golden Rod

Gradients

Dark mode

IBM Plex Sans

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run digg.com?

Also set in IBM Plex Sans

IBM

arxiv.org

Variety

QA Deals

Similar colours

WeTransfer

cargocollective.com

agoda.com

エキサイトブログ

Title &
description