National Archivesstyle guide

Logo

Favicons

1 found

• 192 px · PNG shortcut icon

National Archives | Home

Light browser tab

National Archives | Home

Dark browser tab

Colour

Source Sans Pro

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

Elements

No button, link, radius or shadow styles could be read.

Grid

No breakpoints or content widths could be read.

Notes

• ● FineThe title is 24 characters, short enough to show in full in search results.
• ▲ CheckThere is no meta description, so search engines will pick text from the page.
• ▲ CheckVery few colours could be read from the stylesheets. The site may build its styles with JavaScript.

Questions

What font does National Archives use?

National Archives’s website uses two typefaces: Source Sans Pro (headings and body text), google Fonts; Merriweather, google Fonts.

What are National Archives’s brand colours?

The main colours on archives.gov are Cool Charcoal (#29393B).

What colour is National Archives’s text and background?

Body text is #000000 on a #FFFFFF background.

Is this National Archives’s official style guide?

No. SiteStyleGuide made it from archives.gov’s public web pages on 29 October 2026, and isn’t affiliated with National Archives. Members can refresh a guide after 90 days to pick up changes.

Tokens

/* archives.gov design tokens, from SiteStyleGuide (https://sitestyleguide.com/archives.gov) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-cool-charcoal: #29393B;

  /* Typefaces */
  --font-other: 'Source Sans Pro';
}

{
    "site": "archives.gov",
    "source": "https://sitestyleguide.com/archives.gov",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "Cool Charcoal",
            "hex": "#29393B",
            "rgb": [
                41,
                57,
                59
            ]
        }
    ],
    "fonts": [
        {
            "name": "Source Sans Pro",
            "stack": "'Source Sans Pro'",
            "weights": [
                300,
                400,
                700
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Merriweather",
            "stack": "'Merriweather'",
            "weights": [
                400
            ],
            "source": "Google Fonts"
        }
    ]
}

Share

Run archives.gov?

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.

Copy the code

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