What font does Amnesty International use?

Amnesty International’s website uses two typefaces: Amnesty Trade Gothic Condensed (headings), self-hosted; Amnesty Trade Gothic (body text), self-hosted.

What are Amnesty International’s brand colours?

The main colours on amnesty.org are Yellow (#FDFF28), Gold (#F8D72B), Dodger Blue (#1DA1F2), Crimson (#E21B24), Orange Red (#F45800) and Indian Red (#F6405F).

What colour is Amnesty International’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is Amnesty International’s logo from?

The logo shown in this guide was found on amnesty.org’s homepage. For official logo files and usage rules, check Amnesty International’s own brand or press page.

Is this Amnesty International’s official style guide?

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

Unofficial A style guide made by SiteStyleGuide from amnesty.org’s public web pages. Not affiliated with or endorsed by Amnesty International. The real site is amnesty.org ↗

Unofficial style guide

Amnesty Internationalstyle guide

Amnesty International’s website (amnesty.org) sets its headings in Amnesty Trade Gothic Condensed and its body text in Amnesty Trade Gothic. Its palette is led by Yellow (#FDFF28), Gold (#F8D72B) and Dodger Blue (#1DA1F2), with #000000 text on #FFFFFF. Captured from the live site on 27 October 2026.

Website: amnesty.org
Typefaces: Amnesty Trade Gothic Condensed, Amnesty Trade Gothic
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 27 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the amnesty.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: Amnesty International; ● 21 / 60 characters
Meta description: We are a global movement of more than 10 million people in over 150 countries who campaign campaign for a world where human rights are enjoyed by all.; ● 150 / 160 characters
Site name: Amnesty International
og:title: Amnesty International
og:description: We campaign for a world where human rights are enjoyed by all
Language: en
Theme colour: #ffffff

In search results

Amnesty Internationalhttps://www.amnesty.org/en/

Amnesty International

We are a global movement of more than 10 million people in over 150 countries who campaign campaign for a world where human rights are enjoyed by all.

When shared

amnesty.org

Amnesty International

We campaign for a world where human rights are enjoyed by all

Logo & favicons

Found as: schema.org logo. JPG, 2167 × 918.

Logo

On white

On black

On Yellow

Favicons

4 found

1284 px · SVG mask-icon
180 px · PNG apple-touch-icon
32 px · PNG icon
16 px · PNG icon

Amnesty International

Light browser tab

Amnesty International

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

Colour

Balance

How much each colour is used

White 37.7%
Black 37.6%
Off White 9.1%
Dark Grey 4.6%
Yellow 4.6%
Gold 1.6%
Dodger Blue 0.9%
Crimson 0.8%
Orange Red 0.6%
Indian Red 0.6%
Lime Green 0.6%
Orange 0.2%
Deep Sky Blue 0.2%
Royal Blue 0.2%
Steel Blue 0.2%
Medium Spring Green 0.2%

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
21.00:1 AAA

On white
—

Text, background, theme · .page-header.is-transparent-light .mobile-menu .menu-item-has-children.is-open>a, .page-heroBackground--light .page-heroContent
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, border · .wp-block-bigbite-tabs .tabsContainer button.tab, .page-heroBackground--light .btn
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 11

On text
16.52:1 AAA

On white
1.27:1 Fail

Background, border, text · .wp-block-amnesty-core-term-list .navigation button, .tabs-nav li a
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 68

On text
2.69:1 Fail

On white
7.81:1 AAA

Background, text, border · .is-style-style-3 .customCard-content .btn, .is-style-style-3 .btn

Colours

Brand colours and accents, most used first

Yellow

HEX

RGB

HSL

OKLCH

CMYK
1 0 84 0

On text
19.51:1 AAA

On white
1.08:1 Fail

Background, border, text · .horizontal-search .additional-filters.is-active .btn.is-active, .horizontal-search .default-search-filters .search-input .btn.is-active
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 13 83 3

On text
14.75:1 AAA

On white
1.42:1 Fail

Background, border, text · .wp-block-file a.wp-block-file__button:hover, .btn:hover
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
88 33 0 5

On text
7.43:1 AAA

On white
2.83:1 Fail

Background, text · .is-style-alternative-style.tweetAction .btn, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 88 84 11

On text
4.42:1 AA large

On white
4.76:1 AA

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pintere
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 64 100 4

On text
6.24:1 AA

On white
3.36:1 AA large

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcl
Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 74 61 4

On text
5.82:1 AA

On white
3.61:1 AA large

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
87 0 55 16

On text
10.94:1 AAA

On white
1.92:1 Fail

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsap
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 40 100 0

On text
9.81:1 AAA

On white
2.14:1 Fail

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon, :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
85 18 0 24

On text
6.87:1 AA

On white
3.06:1 AA large

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcam, :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
97 66 0 0

On text
3.80:1 AA large

On white
5.52:1 AA

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance, :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
96 52 0 0

On text
5.24:1 AA

On white
4.01:1 AA large

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky, :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky
Medium Spring Green

HEX

RGB

HSL

OKLCH

CMYK
99 0 32 11

On text
12.57:1 AAA

On white
1.67:1 Fail

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviant, :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart

Gradients

linear-gradient(#000,transparent)
linear-gradient(to bottom,color-mix(in srgb,#000 50%,transparent) 90%,transparent 100%)
linear-gradient(transparent 150px,#fff)

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.

Amnesty Trade Gothic Condensed

Aa 300 Aa 700

Amnesty Trade Gothic Condensed

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

Aa 300 Aa 400

Amnesty Trade Gothic

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

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

Type scale

From the site’s CSS

Heading 1 clamp(32px, 2rem + ((1vw - 3.2px) * 3.125), 72px) · 72 px / 1.12 Amnesty Trade Gothic Condensed

Amnesty International

Heading 2 clamp(28px, 1.75rem + ((1vw - 3.2px) * 1.016), 41px) · 41 px / 1.12 Amnesty Trade Gothic Condensed

Amnesty International

Heading 3 clamp(26px, 1.625rem + ((1vw - 3.2px) * 0.391), 31px) · 31 px / 1.12 Amnesty Trade Gothic Condensed

Amnesty International

Heading 4 clamp(22px, 1.375rem + ((1vw - 3.2px) * 0.469), 28px) · 28 px / 1.12 Amnesty Trade Gothic Condensed

Amnesty International

Heading 5 clamp(20px, 1.25rem + ((1vw - 3.2px) * 0.313), 24px) · 24 px / 1.12 Amnesty Trade Gothic Condensed

Amnesty International

Heading 6 clamp(18px, 1.125rem + ((1vw - 3.2px) * 0.234), 21px) · 21 px / 1.12 Amnesty Trade Gothic Condensed

Amnesty International

Body 1rem · 16 px Amnesty Trade Gothic

We are a global movement of more than 10 million people in over 150 countries who campaign campaign for a world where human rights are enjo…

Paragraph 1.125rem · 18 px / 1.2 weight 400 · uppercase · Amnesty Trade Gothic Condensed

We are a global movement of more than 10 million people in over 150 countries who campaign campaign for a world where human rights are enjo…

Small 13px

We are a global movement of more than 10 million people in over 150 countries who campaign campaign for a world where human rights are enjo…

Button 100% / 1.15 none

Get started

Link 13px / 0 weight 700 · uppercase

Sizes in use

Most common across the site

36px6 rules
31pxline 1.2 · 9 rules
28pxline 1.2 · 16 rules
24pxline 1.25 · 15 rules
21pxline 1 · 8 rules
16pxline normal · 39 rules
14px5 rules
13pxline 1.5 · 45 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

.wp-block-file a.wp-block-file__button · #FDFF28

Corner radius

9999px · 4×
50% · 3×
4px · 2×
inherit · 1×

Shadows

-8px 0 0 0 #fff,8px 0 0 0 #fff
0 0 0 5px #19f
20px 0 color-mix(in srgb,#000 45%,transparent),-20px 0 color-mix(in srgb,#000 45%,transparent)
16px 0 0 #000,-16px 0 0 #000

Layout

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

Grid

Breakpoints

465

540

596

680

760

840

940

1110

On a scale of 0 to 1440 px.

Content widths (max-width)

1468 px

840 px

800 px

460 px

456 px

350 px

Notes

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

Notes

● FineThe title is 21 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 Amnesty International use?: Amnesty International’s website uses two typefaces: Amnesty Trade Gothic Condensed (headings), self-hosted; Amnesty Trade Gothic (body text), self-hosted.
What are Amnesty International’s brand colours?: The main colours on amnesty.org are Yellow (#FDFF28), Gold (#F8D72B), Dodger Blue (#1DA1F2), Crimson (#E21B24), Orange Red (#F45800) and Indian Red (#F6405F).
What colour is Amnesty International’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is Amnesty International’s logo from?: The logo shown in this guide was found on amnesty.org’s homepage. For official logo files and usage rules, check Amnesty International’s own brand or press page.
Is this Amnesty International’s official style guide?: No. SiteStyleGuide made it from amnesty.org’s public web pages on 27 October 2026, and isn’t affiliated with Amnesty International. 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

amnesty-org-tokens.css

Download

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

/* amnesty.org design tokens, from SiteStyleGuide (https://sitestyleguide.com/amnesty.org) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-off-white: #E4E4E4;
  --colour-dark-grey: #525252;
  --colour-yellow: #FDFF28;
  --colour-gold: #F8D72B;
  --colour-dodger-blue: #1DA1F2;
  --colour-crimson: #E21B24;
  --colour-orange-red: #F45800;
  --colour-indian-red: #F6405F;
  --colour-lime-green: #1BD760;
  --colour-orange: #FF9900;
  --colour-deep-sky-blue: #1EA0C3;
  --colour-royal-blue: #0757FE;
  --colour-steel-blue: #0A7AFF;
  --colour-medium-spring-green: #02E49B;
  --gradient-1: linear-gradient(#000,transparent);
  --gradient-2: linear-gradient(to bottom,color-mix(in srgb,#000 50%,transparent) 90%,transparent 100%);
  --gradient-3: linear-gradient(transparent 150px,#fff);

  /* Typefaces */
  --font-headings: 'Amnesty Trade Gothic Condensed', sans-serif;
  --font-buttons: 'Amnesty Trade Gothic Condensed', sans-serif;
  --font-body: 'Amnesty Trade Gothic', sans-serif;

  /* Type scale */
  --text-body: 1rem;
  --text-p: 1.125rem;
  --leading-p: 1.2;
  --text-small: 13px;
  --text-button: 100%;
  --leading-button: 1.15;
  --text-a: 13px;
  --leading-a: 0;

  /* Shape */
  --radius-1: 9999px;
  --radius-2: 50%;
  --radius-3: 4px;
  --radius-4: inherit;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 465px;
  --breakpoint-2: 540px;
  --breakpoint-3: 596px;
  --breakpoint-4: 680px;
  --breakpoint-5: 760px;
  --breakpoint-6: 840px;
  --breakpoint-7: 940px;
  --breakpoint-8: 1110px;
  --max-width-1: 1468px;
  --max-width-2: 840px;
  --max-width-3: 800px;
  --max-width-4: 460px;
  --max-width-5: 456px;
  --max-width-6: 350px;
}

{
    "site": "amnesty.org",
    "source": "https://sitestyleguide.com/amnesty.org",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Off White",
            "hex": "#E4E4E4",
            "rgb": [
                228,
                228,
                228
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#525252",
            "rgb": [
                82,
                82,
                82
            ]
        },
        {
            "name": "Yellow",
            "hex": "#FDFF28",
            "rgb": [
                253,
                255,
                40
            ]
        },
        {
            "name": "Gold",
            "hex": "#F8D72B",
            "rgb": [
                248,
                215,
                43
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#1DA1F2",
            "rgb": [
                29,
                161,
                242
            ]
        },
        {
            "name": "Crimson",
            "hex": "#E21B24",
            "rgb": [
                226,
                27,
                36
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#F45800",
            "rgb": [
                244,
                88,
                0
            ]
        },
        {
            "name": "Indian Red",
            "hex": "#F6405F",
            "rgb": [
                246,
                64,
                95
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#1BD760",
            "rgb": [
                27,
                215,
                96
            ]
        },
        {
            "name": "Orange",
            "hex": "#FF9900",
            "rgb": [
                255,
                153,
                0
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#1EA0C3",
            "rgb": [
                30,
                160,
                195
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#0757FE",
            "rgb": [
                7,
                87,
                254
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#0A7AFF",
            "rgb": [
                10,
                122,
                255
            ]
        },
        {
            "name": "Medium Spring Green",
            "hex": "#02E49B",
            "rgb": [
                2,
                228,
                155
            ]
        }
    ],
    "fonts": [
        {
            "name": "Amnesty Trade Gothic Condensed",
            "stack": "\"Amnesty Trade Gothic Condensed\", sans-serif",
            "weights": [
                300,
                400,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Amnesty Trade Gothic",
            "stack": "\"Amnesty Trade Gothic\", sans-serif",
            "weights": [
                300,
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Websites whose lead colour is closest to Amnesty International’s

Adcash

adcash.com · 6 days ago
Save
Lulu

lulu.com · 6 days ago
Save
DomainTools

domaintools.com · 1 day ago
Save
iMore

imore.com · 6 days ago
Save

Captured from amnesty.org on 27 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Amnesty International; this guide describes the public website for reference.

Amnesty Internationalstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Off White

Dark Grey

Colours

Yellow

Gold

Dodger Blue

Crimson

Orange Red

Indian Red

Lime Green

Orange

Deep Sky Blue

Royal Blue

Steel Blue

Medium Spring Green

Gradients

Amnesty Trade Gothic Condensed

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run amnesty.org?

Similar colours

Adcash

Lulu

DomainTools

iMore

Title &
description