What font does World History Encyclopedia use?

World History Encyclopedia’s website uses two typefaces: Karla (headings), google Fonts; Libre Baskerville (body text), google Fonts.

What are World History Encyclopedia’s brand colours?

The main colours on worldhistory.org are Fire Brick (#B52600), Midnight Blue (#293744), Olive Drab (#6D9D14), Light Gold (#FFC600), Saddle Brown (#983E18) and Pale Golden Rod (#C9E693).

What colour is World History Encyclopedia’s text and background?

Body text is #333333 on a #FFFFFF background.

Where is World History Encyclopedia’s logo from?

The logo shown in this guide was found on worldhistory.org’s homepage. For official logo files and usage rules, check World History Encyclopedia’s own brand or press page.

Is this World History Encyclopedia’s official style guide?

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

Unofficial A style guide made by SiteStyleGuide from worldhistory.org’s public web pages. Not affiliated with or endorsed by World History Encyclopedia. The real site is worldhistory.org ↗

Unofficial style guide

World History Encyclopediastyle guide

World History Encyclopedia’s website (worldhistory.org) sets its headings in Karla and its body text in Libre Baskerville. Its palette is led by Fire Brick (#B52600), Midnight Blue (#293744) and Olive Drab (#6D9D14), with #333333 text on #FFFFFF. Captured from the live site on 21 October 2026.

Website: worldhistory.org
Typefaces: Karla, Libre Baskerville
Palette: 4 neutrals, 12 colours
Captured: 21 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the worldhistory.org homepage on a desktop screen — Screenshot of worldhistory.org on a 1440 px desktop screen, 21 Oct 2026.

Screenshot of the worldhistory.org 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: World History Encyclopedia; ● 26 / 60 characters
Meta description: The free online history encyclopedia with fact-checked articles, images, videos, maps, timelines and more; operated as a non-profit organization.; ● 145 / 160 characters
Site name: World History Encyclopedia
og:title: World History Encyclopedia
Language: en
Theme colour: #293744

In search results

World History Encyclopediahttps://www.worldhistory.org/

World History Encyclopedia

The free online history encyclopedia with fact-checked articles, images, videos, maps, timelines and more; operated as a non-profit organization.

When shared

worldhistory.org

World History Encyclopedia

The free online history encyclopedia with fact-checked articles, images, videos, maps, timelines and more; op…

Logo & favicons

Found as: schema.org logo. PNG, 318 × 77.

Logo

On white

On black

On Fire Brick

Favicons

8 found

196 px · PNG icon shortcut
192 px · PNG icon shortcut
128 px · PNG icon shortcut
120 px · PNG apple-touch-icon
96 px · PNG icon shortcut
64 px · PNG icon shortcut
32 px · PNG icon shortcut
16 px · PNG icon shortcut

World History Encyclopedia

Light browser tab

World History Encyclopedia

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

Colour

Balance

How much each colour is used

White 33.6%
Fire Brick 18.3%
Near Black 12.8%
Off White 10.2%
Grey 9.4%
Midnight Blue 3.2%
Olive Drab 2.4%
Light Gold 2.1%
Saddle Brown 1.5%
Pale Golden Rod 1.3%
Light Steel Blue 1.2%
Orange Red 1.1%
Peach Puff 0.9%
Deep Gold 0.8%
Misty Rose 0.7%
Dark Slate Grey 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
12.63:1 AAA

On white
—

Background, text, border · body, .content_button
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 87

On text
1.26:1 Fail

On white
15.91:1 AAA

Background, text, border · #mc_embed_signup h3, h4.grey_box_title
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 15

On text
9.04:1 AAA

On white
1.40:1 Fail

Border, background, text · #ahe_visual_timeline_minimap, .full-width-ribbon
Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 40

On text
4.43:1 AA large

On white
2.85:1 Fail

Text, border, background · hgroup #page_subtitle, .ahe-ad h4

Colours

Brand colours and accents, most used first

Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 79 100 29

On text
1.95:1 Fail

On white
6.48:1 AA

Background, text, border · .content_button, h4.grey_box_title.red
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
40 19 0 73

On text
1.04:1 Fail

On white
12.18:1 AAA

Text, background, theme · theme-color meta tag, #footer
Olive Drab

HEX

RGB

HSL

OKLCH

CMYK
31 0 87 38

On text
3.90:1 AA large

On white
3.24:1 AA large

Text, background, border · --success-green, .content_button.publish
Light Gold

HEX

RGB

HSL

OKLCH

CMYK
0 22 100 0

On text
8.02:1 AAA

On white
1.58:1 Fail

Background, border · .content_item .members_only_ci_marker, #result_messages_in_doc
Saddle Brown

HEX

RGB

HSL

OKLCH

CMYK
0 59 84 40

On text
1.83:1 Fail

On white
6.91:1 AA

Text, background, border · .content_button.unpublish, .failure
Pale Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
13 0 36 10

On text
9.16:1 AAA

On white
1.38:1 Fail

Background · .grey_button.green, .content_button.publish
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
35 17 0 16

On text
5.69:1 AA

On white
2.22:1 Fail

Background, border · .content_button.scheduled_label, .content_button.schedule
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 73 100 0

On text
3.67:1 AA large

On white
3.44:1 AA large

Background, text, border · .error, .form_field_error
Peach Puff

HEX

RGB

HSL

OKLCH

CMYK
0 21 30 8

On text
7.28:1 AAA

On white
1.74:1 Fail

Background · .content_button.unpublish, .failure
Deep Gold

HEX

RGB

HSL

OKLCH

CMYK
0 15 62 10

On text
7.39:1 AAA

On white
1.71:1 Fail

Text · h2 i
Misty Rose

HEX

RGB

HSL

OKLCH

CMYK
0 13 17 5

On text
8.85:1 AAA

On white
1.43:1 Fail

Background · #result_error_messages, .error_box
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
100 29 0 55

On text
1.48:1 Fail

On white
8.54:1 AAA

Background, border · .minivte.mini_tl_cat__1, .tl_cat__1

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.

Karla

Aa 400 Aa 700

Karla

Google Fonts · weights 400, 700 · headings, buttons

Aa 400 Aa 700

Libre Baskerville

Google Fonts · weights 400, 700 · body, headings

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

Type scale

From the site’s CSS

Heading 2 35px / 120% weight 400

World History Encyclopedia

Heading 3 28px / 130% weight 700 · Karla

World History Encyclopedia

Heading 4 18px weight 700 · Karla

World History Encyclopedia

Heading 5 20px

World History Encyclopedia

Body — Libre Baskerville

The free online history encyclopedia with fact-checked articles, images, videos, maps, timelines and more; operated as a non-profit organiz…

Paragraph 12px / 130% weight 700 · Karla

The free online history encyclopedia with fact-checked articles, images, videos, maps, timelines and more; operated as a non-profit organiz…

Link 0.8em · 13 px / 140% weight 400 · Karla

Read more about World History Encyclopedia

Sizes in use

Most common across the site

24pxline 1 · 4 rules
20px9 rules
18pxline 120% · 9 rules
17pxline 130% · 4 rules
16pxline 140% · 15 rules
14pxline 130% · 42 rules
12pxline 160% · 5 rules
10pxline 140% · 8 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

.content_button · #FFFFFF · radius 5px

Link

Read our latest news today.

a · #B52600

Corner radius

5px · 30×
3px · 7×
50% · 6×
75px · 3×
2px · 2×
5px 0 5px 0 · 1×

Shadows

0 7px 10px -9px #222
0px 7px 10px -9px #222
0px 7px 10px -10px #666
0 2px 6px silver

Layout

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

Grid

Breakpoints

360

380

767

768

991

992

1199

1200

On a scale of 0 to 1440 px.

Content widths (max-width)

728 px

600 px

405 px

400 px

350 px

300 px

Notes

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

Notes

● FineThe title is 26 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 World History Encyclopedia use?: World History Encyclopedia’s website uses two typefaces: Karla (headings), google Fonts; Libre Baskerville (body text), google Fonts.
What are World History Encyclopedia’s brand colours?: The main colours on worldhistory.org are Fire Brick (#B52600), Midnight Blue (#293744), Olive Drab (#6D9D14), Light Gold (#FFC600), Saddle Brown (#983E18) and Pale Golden Rod (#C9E693).
What colour is World History Encyclopedia’s text and background?: Body text is #333333 on a #FFFFFF background.
Where is World History Encyclopedia’s logo from?: The logo shown in this guide was found on worldhistory.org’s homepage. For official logo files and usage rules, check World History Encyclopedia’s own brand or press page.
Is this World History Encyclopedia’s official style guide?: No. SiteStyleGuide made it from worldhistory.org’s public web pages on 21 October 2026, and isn’t affiliated with World History Encyclopedia. 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

worldhistory-org-tokens.css

Download

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

/* worldhistory.org design tokens, from SiteStyleGuide (https://sitestyleguide.com/worldhistory.org) */
:root {
  /* Colours */
  --text: #333333;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #222222;
  --colour-off-white: #DADADA;
  --colour-grey: #999999;
  --colour-fire-brick: #B52600;
  --colour-midnight-blue: #293744;
  --colour-olive-drab: #6D9D14;
  --colour-light-gold: #FFC600;
  --colour-saddle-brown: #983E18;
  --colour-pale-golden-rod: #C9E693;
  --colour-light-steel-blue: #8CB2D6;
  --colour-orange-red: #FF4500;
  --colour-peach-puff: #EBBAA5;
  --colour-deep-gold: #E5C357;
  --colour-misty-rose: #F1D1C9;
  --colour-dark-slate-grey: #005274;

  /* Typefaces */
  --font-headings: 'Karla', 'Arial', 'Helvetica', sans-serif;
  --font-buttons: 'Karla', 'Arial', 'Helvetica', sans-serif;
  --font-body: 'Libre Baskerville', 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;

  /* Type scale */
  --text-h2: 35px;
  --leading-h2: 120%;
  --text-h3: 28px;
  --leading-h3: 130%;
  --text-h4: 18px;
  --text-h5: 20px;
  --text-p: 12px;
  --leading-p: 130%;
  --text-a: 0.8em;
  --leading-a: 140%;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 360px;
  --breakpoint-2: 380px;
  --breakpoint-3: 767px;
  --breakpoint-4: 768px;
  --breakpoint-5: 991px;
  --breakpoint-6: 992px;
  --breakpoint-7: 1199px;
  --breakpoint-8: 1200px;
  --max-width-1: 728px;
  --max-width-2: 600px;
  --max-width-3: 405px;
  --max-width-4: 400px;
  --max-width-5: 350px;
  --max-width-6: 300px;
}

{
    "site": "worldhistory.org",
    "source": "https://sitestyleguide.com/worldhistory.org",
    "text": "#333333",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#222222",
            "rgb": [
                34,
                34,
                34
            ]
        },
        {
            "name": "Off White",
            "hex": "#DADADA",
            "rgb": [
                218,
                218,
                218
            ]
        },
        {
            "name": "Grey",
            "hex": "#999999",
            "rgb": [
                153,
                153,
                153
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#B52600",
            "rgb": [
                181,
                38,
                0
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#293744",
            "rgb": [
                41,
                55,
                68
            ]
        },
        {
            "name": "Olive Drab",
            "hex": "#6D9D14",
            "rgb": [
                109,
                157,
                20
            ]
        },
        {
            "name": "Light Gold",
            "hex": "#FFC600",
            "rgb": [
                255,
                198,
                0
            ]
        },
        {
            "name": "Saddle Brown",
            "hex": "#983E18",
            "rgb": [
                152,
                62,
                24
            ]
        },
        {
            "name": "Pale Golden Rod",
            "hex": "#C9E693",
            "rgb": [
                201,
                230,
                147
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#8CB2D6",
            "rgb": [
                140,
                178,
                214
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#FF4500",
            "rgb": [
                255,
                69,
                0
            ]
        },
        {
            "name": "Peach Puff",
            "hex": "#EBBAA5",
            "rgb": [
                235,
                186,
                165
            ]
        },
        {
            "name": "Deep Gold",
            "hex": "#E5C357",
            "rgb": [
                229,
                195,
                87
            ]
        },
        {
            "name": "Misty Rose",
            "hex": "#F1D1C9",
            "rgb": [
                241,
                209,
                201
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#005274",
            "rgb": [
                0,
                82,
                116
            ]
        }
    ],
    "fonts": [
        {
            "name": "Karla",
            "stack": "Karla, Arial, Helvetica, sans-serif",
            "weights": [
                400,
                700
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Libre Baskerville",
            "stack": "\"Libre Baskerville\", \"Palatino Linotype\", \"Book Antiqua\", Palatino, serif",
            "weights": [
                400,
                700
            ],
            "source": "Google Fonts"
        }
    ]
}

Websites whose lead colour is closest to World History Encyclopedia’s

overstock.com

overstock.com · 6 days ago
Save
FileZilla

filezilla-project.org · 2 days ago
Save
Il Post

ilpost.it · 3 days ago
Save
guardian.co.uk

guardian.co.uk · 1 day ago
Save

Captured from worldhistory.org on 21 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by World History Encyclopedia; this guide describes the public website for reference.

World History Encyclopediastyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Off White

Grey

Colours

Fire Brick

Midnight Blue

Olive Drab

Light Gold

Saddle Brown

Pale Golden Rod

Light Steel Blue

Orange Red

Peach Puff

Deep Gold

Misty Rose

Dark Slate Grey

Karla

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run worldhistory.org?

Similar colours

overstock.com

FileZilla

Il Post

guardian.co.uk

Title &
description