Visual system
The site’s one-page visual system: colours, typefaces, icon style and the image rule. Dated 7 November 2026.
Visual system — dated 7 November 2026
Colours: teal #0A6B60 (accent), deep teal #07524A (accent-deep), soft teal #D5ECE6 (accent-soft), ink #10221E, soft ink #3B504A, muted ink #5A6F69, paper #F5F8F7, surface #FFFFFF. Hub accents: Systems Explained #0A6B60, Global Data Explained #2563EB, Policy Compared #6D28D9, Awareness and Attitudes #B45309, Environment and Daily Life #15803D, Diseases and Outbreaks #B91C1C, Mental Health and Wellbeing #7C3AED, Vaccines #0A6B60, Life Course #B45309, Country Profiles: Europe #2563EB, Country Profiles: the Americas, Asia, Africa and the Middle East #2563EB. The smallest text (card meta and photo credits, muted ink #5A6F69 on white) was measured on 7 November 2026 at a contrast ratio of 5.37:1, which passes WCAG 2.2 AA for normal text (4.5:1); no colour was changed.
Typefaces: Newsreader (serif) for headings, Figtree (sans-serif) for body text — both self-hosted.
Icons: one line-icon style for tools and hubs (the site icon set), instead of photographs for tools. Photographs illustrate guides; tools use icons or a flat illustration.
Image rule: no photograph is reused for two different topics, and no photograph is used that does not show the topic. Where no suitable photograph exists, the page uses a flat illustration in its hub colours or a data visual, instead of a wrong photograph. Country profiles use that country’s flag as their visual identifier. Every image carries a credit naming its source; where the specific photo is known, the credit links to it.
Logo: a heart-and-pulse mark in teal (Option A), used at 16 px (favicon), 34 px (header) and 180 px (profile picture), with the tagline “Tools and guides, in plain language”.
See also: About · Sign-off plan.