What font does Schema.org use?

Schema.org’s website uses two typefaces: Manrope (headings and body text), google Fonts; Noto Sans Mono, google Fonts.

What are Schema.org’s brand colours?

The main colours on schema.org are Dark Red (#990000), Maroon (#660000), Forest Green (#008800), Dark Blue (#000088), Purple (#660066) and Cool Near Black (#212529).

What colour is Schema.org’s text and background?

Body text is #212529 on a #FFFFFF background.

Is this Schema.org’s official style guide?

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

Schema.org Style Guide: Colours, Fonts & Logo

Identity & metadata

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

Title &
description

Page title: Schema.org - Schema.org; ● 23 / 60 characters
Meta description: Schema.org is a set of extensible schemas that enables webmasters to embed structured data on their web pages for use by search engines and other applications.; ● 159 / 160 characters
Language: en
Theme colour: #990000

In search results

Schema.orghttps://schema.org/

Schema.org - Schema.org

Schema.org is a set of extensible schemas that enables webmasters to embed structured data on their web pages for use by search engines and other applications.

When shared

No og:image, so no picture

schema.org

Schema.org - Schema.org

Schema.org is a set of extensible schemas that enables webmasters to embed structured data on their web pages…

Back to top ↑

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

1 found

64 px · PNG shortcut icon

Schema.org - Schema.org

Light browser tab

Schema.org - Schema.org

Dark browser tab

Back to top ↑

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

Colour

Balance

How much each colour is used

Dark Red 28.7%
Cool Near Black 17.9%
Black 14.6%
White 13.8%
Off White 12%
Maroon 4.2%
Forest Green 2.9%
Dark Blue 2.9%
Purple 2.9%

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

Cool Near Black

HEX

RGB

HSL

OKLCH

CMYK
20 10 0 84

On text
—

On white
15.43:1 AAA

Text, graphic, border · body, h2
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.36:1 Fail

On white
21.00:1 AAA

Text, border, background · a.externlink:link, .h .bar
White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
15.43:1 AAA

On white
—

Background, text · body, #container
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 6

On text
13.54:1 AAA

On white
1.14:1 Fail

Background, border · pre, .definition-table th

Colours

Brand colours and accents, most used first

Dark Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 40

On text
1.73:1 Fail

On white
8.92:1 AAA

Text, background, theme · .header-bottom, theme-color meta tag
Maroon

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 60

On text
1.15:1 Fail

On white
13.42:1 AAA

Text · a:visited, .custom
Forest Green

HEX

RGB

HSL

OKLCH

CMYK
100 0 100 47

On text
3.32:1 AA large

On white
4.64:1 AA

Text · .str, .atv
Dark Blue

HEX

RGB

HSL

OKLCH

CMYK
100 100 0 47

On text
1.00:1 Fail

On white
15.49:1 AAA

Text · .kwd, .tag
Purple

HEX

RGB

HSL

OKLCH

CMYK
0 100 0 60

On text
1.29:1 Fail

On white
11.95:1 AAA

Text · .typ, .dec

Back to top ↑

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.

Manrope

Aa 200 Aa 800

Manrope

Google Fonts · weights 200, 500, 600, 700, 800 · headings, body

Aa 500 Aa 700

Noto Sans Mono

Google Fonts · weights 500, 700

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

Type scale

From the site’s CSS

Heading 1 2.125rem · 34 px / 2.7625rem weight 500 · Manrope

Schema.org

Heading 2 1.75rem · 28 px / 2.375rem weight 500 · Manrope

Schema.org - Schema.org

Heading 3 1.5rem · 24 px / 2rem weight 500 · Manrope

Schema.org - Schema.org

Body 1rem · 16 px / 1.4375rem weight 500 · Manrope

Schema.org is a set of extensible schemas that enables webmasters to embed structured data on their web pages for use by search engines and…

Small x-small

Schema.org is a set of extensible schemas that enables webmasters to embed structured data on their web pages for use by search engines and…

Link 1.125rem · 18 px / 6rem weight 600 · Manrope

Sizes in use

Most common across the site

34pxline 2.7625rem · 1 rules
28pxline 2.375rem · 1 rules
24pxline 2rem · 1 rules
18pxline 6rem · 1 rules
16pxline 1.4375rem · 7 rules
14pxline 1.25 · 4 rules

Back to top ↑

Elements

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

Elements

Link

Read our latest news today.

a · #990000

Corner radius

24px · 1×

Back to top ↑

Layout

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

Grid

Breakpoints

680

860

985

1440

On a scale of 0 to 1440 px.

Content widths (max-width)

1440 px

480 px

Back to top ↑

Notes

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

Notes

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

Back to top ↑

Questions

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

Questions

What font does Schema.org use?: Schema.org’s website uses two typefaces: Manrope (headings and body text), google Fonts; Noto Sans Mono, google Fonts.
What are Schema.org’s brand colours?: The main colours on schema.org are Dark Red (#990000), Maroon (#660000), Forest Green (#008800), Dark Blue (#000088), Purple (#660066) and Cool Near Black (#212529).
What colour is Schema.org’s text and background?: Body text is #212529 on a #FFFFFF background.
Is this Schema.org’s official style guide?: No. SiteStyleGuide made it from schema.org’s public web pages on 30 October 2026, and isn’t affiliated with Schema.org. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

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

schema-org-tokens.css

Download

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

/* schema.org design tokens, from SiteStyleGuide (https://sitestyleguide.com/schema.org) */
:root {
  /* Colours */
  --text: #212529;
  --background: #FFFFFF;
  --colour-cool-near-black: #212529;
  --colour-black: #000000;
  --colour-white: #FFFFFF;
  --colour-off-white: #F0F0F0;
  --colour-dark-red: #990000;
  --colour-maroon: #660000;
  --colour-forest-green: #008800;
  --colour-dark-blue: #000088;
  --colour-purple: #660066;

  /* Typefaces */
  --font-headings: 'Manrope';
  --font-body: 'Manrope';
  --font-other: 'Noto Sans Mono', monospace;

  /* Type scale */
  --text-h1: 2.125rem;
  --leading-h1: 2.7625rem;
  --text-h2: 1.75rem;
  --leading-h2: 2.375rem;
  --text-h3: 1.5rem;
  --leading-h3: 2rem;
  --text-body: 1rem;
  --leading-body: 1.4375rem;
  --text-small: x-small;
  --text-a: 1.125rem;
  --leading-a: 6rem;

  /* Shape */
  --radius-1: 24px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 680px;
  --breakpoint-2: 860px;
  --breakpoint-3: 985px;
  --breakpoint-4: 1440px;
  --max-width-1: 1440px;
  --max-width-2: 480px;
}

{
    "site": "schema.org",
    "source": "https://sitestyleguide.com/schema.org",
    "text": "#212529",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "Cool Near Black",
            "hex": "#212529",
            "rgb": [
                33,
                37,
                41
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Off White",
            "hex": "#F0F0F0",
            "rgb": [
                240,
                240,
                240
            ]
        },
        {
            "name": "Dark Red",
            "hex": "#990000",
            "rgb": [
                153,
                0,
                0
            ]
        },
        {
            "name": "Maroon",
            "hex": "#660000",
            "rgb": [
                102,
                0,
                0
            ]
        },
        {
            "name": "Forest Green",
            "hex": "#008800",
            "rgb": [
                0,
                136,
                0
            ]
        },
        {
            "name": "Dark Blue",
            "hex": "#000088",
            "rgb": [
                0,
                0,
                136
            ]
        },
        {
            "name": "Purple",
            "hex": "#660066",
            "rgb": [
                102,
                0,
                102
            ]
        }
    ],
    "fonts": [
        {
            "name": "Manrope",
            "stack": "Manrope",
            "weights": [
                200,
                500,
                600,
                700,
                800
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Noto Sans Mono",
            "stack": "\"Noto Sans Mono\", monospace",
            "weights": [
                500,
                700
            ],
            "source": "Google Fonts"
        }
    ]
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run schema.org?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

<a href="https://sitestyleguide.com/schema.org" title="Schema.org style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

Schema.orgstyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

Cool Near Black

Black

White

Off White

Colours

Dark Red

Maroon

Forest Green

Dark Blue

Purple

Manrope

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Deal

CBS News

FileZilla

overstock.com

gnu.org

Schema.orgstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

Cool Near Black

Black

White

Off White

Colours

Dark Red

Maroon

Forest Green

Dark Blue

Purple

Manrope

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run schema.org?

Also set in Manrope

Deal

Similar colours

CBS News

FileZilla

overstock.com

gnu.org

Title &
description