{ "schema": "brand-kit@2", "palette": { "paper": "#FFFFFF", "surface": "#F9F7FF", "ink": "#000000", "ink_muted": "#202122", "accent": "#0C57A8", "on_accent": "#FFFFFF", "accent_secondary": "#246342", "night": "#404040", "on_night": "#FFFFFF", "extras": [ { "name": "White", "hex": "#FFFFFF", "role": "Core palette. Main colour with Black; logo reverse colour", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Page ground, white card on the birthday band, text on every colour block (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Black", "hex": "#000000", "role": "Core palette. Main colour; the Foundation logo is black or white", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Headlines and body text, Subscribe button fill, map markers (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Black 75", "hex": "#404040", "role": "Core palette shade", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Footer ground (theme preset black-75) (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Black 50", "hex": "#7F7F7F", "role": "Core palette shade", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Disabled carousel-arrow glyph colour (black-50 preset) (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Black 25", "hex": "#BFBFBF", "role": "Core palette shade", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Disabled carousel-arrow fill and ring; input borders (border-base preset) (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Green", "hex": "#339966", "role": "Legacy palette. Movement colour for backgrounds, headlines and apparel", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Blue", "hex": "#0063BF", "role": "Legacy palette. Movement colour for backgrounds, headlines and apparel", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "People-map panel ground behind the volunteer card (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Red", "hex": "#990000", "role": "Legacy palette. Movement colour for backgrounds, headlines and apparel", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Edit action card (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Green AAA", "hex": "#246342", "role": "Legacy palette, accessibility version: AAA contrast with white", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Donate now button in the nav, Donate action card (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Blue AAA", "hex": "#0C57A8", "role": "Legacy palette, accessibility version: AAA contrast with white", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Donation bar ground, Participate action card, every text link (Join the party, credit links) (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Red AAA / Creative Red", "hex": "#970302", "role": "Legacy AAA red, also the Creative palette strong red", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Pink", "hex": "#E679A6", "role": "Creative palette, strong", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Orange", "hex": "#EE8019", "role": "Creative palette, strong", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Yellow", "hex": "#F0BC00", "role": "Creative palette, strong", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Subscribe for news band ground (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Purple", "hex": "#5748B5", "role": "Creative palette, strong; takes white text", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Advocate action card (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Dark green", "hex": "#305D70", "role": "Creative palette, strong; takes white text", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Creative Blue", "hex": "#0E65C0", "role": "Creative palette, strong (AA-adjusted blue); takes white text", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Bright Blue", "hex": "#049DFF", "role": "Creative palette, strong", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Technology category dot on Our work cards (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Bright Yellow", "hex": "#E9E7C4", "role": "Creative palette, strong", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Hero highlight chip behind \"protect\" (rotating word) (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Creative Green", "hex": "#308557", "role": "Creative palette, strong (AA-adjusted green); takes white text", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Bright Green", "hex": "#71D1B3", "role": "Creative palette, strong", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Public policy category dot on Our work cards (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Light Red", "hex": "#E5C0C0", "role": "Creative palette, light: subtle backgrounds, black text only, never in logos", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Light Pink", "hex": "#F9DDE9", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Hero highlight chip behind \"support\" (the resting state) (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Light Orange", "hex": "#FBDFC5", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Light Yellow", "hex": "#FBEEBF", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Light Purple", "hex": "#D5D1EC", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Hero highlight chip behind \"fund\" (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Light Dark green", "hex": "#CBD6DB", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Light Blue", "hex": "#C3D8EF", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Light Bright Blue", "hex": "#C0E6FF", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Hero highlight chip behind \"open\"; the $ cell of the donation amount field (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Light Bright Yellow", "hex": "#F9F9F0", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Photo credits band ground (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Light Green", "hex": "#CBE0D5", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "name": "Light Bright Green", "hex": "#DBF3EC", "role": "Creative palette, light", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "site_use": "Hover fill of the green Donate now button (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Lightest purple", "hex": "#F9F7FF", "role": "Site tint (theme preset lightest-purple), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Our work band ground (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Text grey", "hex": "#202122", "role": "Site text colour (theme --text-color, Codex base10), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "By the numbers and Help expand headings and copy (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Border light", "hex": "#E5E5E5", "role": "Site hairline (theme preset black-10 / border-light), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Nav bottom border, stat dividers, section separator, language button border, carousel-arrow ring (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Black 05", "hex": "#F2F2F2", "role": "Site tint (theme preset black-05), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Map canvas ground before tiles load (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Credit thumb border", "hex": "#EAECF0", "role": "Site hairline (theme base-80 = Codex border colour), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "1px frame around each photo-credit thumbnail (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Map orange", "hex": "#FF7800", "role": "Site accent (theme wmf-report-orange), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Active map marker and the country dot in the volunteer card (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Map land", "hex": "#DCDBDC", "role": "Rendered map land fill (Mapbox style), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Continents on the people map (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Footer rule", "hex": "#808080", "role": "Rendered footer hr (1px rgb(128,128,128)), not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Three horizontal rules in the footer (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Footer divider", "hex": "#666666", "role": "Rendered vertical divider: white at 20% over #404040, not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Vertical rule between the Foundation and Wikipedia social blocks (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Map control border", "hex": "#DDDDDD", "role": "Mapbox control separators, not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "Hairlines between the + / - / compass map buttons (observed https://wikimediafoundation.org/ (2026-10-31))" }, { "name": "Carousel nav ring", "hex": "#AAAAAA", "role": "Volunteer-card arrow buttons ring, not in the guide", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site_use": "1px ring on the white previous/next buttons in the blue volunteer card (observed https://wikimediafoundation.org/ (2026-10-31))" } ], "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours", "note": "Roles: the guide publishes three palettes (Core, Legacy, Creative) without assigning UI roles. The roles here are how wikimediafoundation.org applies them (observed): Blue AAA for links and the donation bar, Green AAA for Donate, Creative light tints for highlight chips and band grounds." }, "typography": { "display": { "family": "Montserrat", "weight": 700, "line_height": 1.333, "tracking": 0, "fallback_stack": "Montserrat, Inter, sans-serif", "real": "Montserrat (SIL Open Font License; Google Fonts). The guide names it the primary typeface and the face of the Foundation logo", "stand_in": false, "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Typography", "site": { "weights": "700 headings, 600 stat numbers, post titles and Photo credits heading, 900 volunteer name, 400 hero lead", "size_px": "48 hero/birthday H2 (33.27 phone), 32 section H2 (24.64 phone), 24 post titles (20.32 phone)", "line_height": "1.333 (64px at 48), 1.25 (40px at 32), 1.4 (33.6px at 24)", "tracking": "normal everywhere", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" } }, "body": { "family": "Inter", "weight": 400, "line_height": 1.4, "tracking": 0, "scale": 1, "fallback_stack": "Inter, sans-serif", "real": "Inter (SIL Open Font License; Google Fonts). Used by the site for body, nav and buttons; the guide itself names Source Serif 4 for long body copy", "stand_in": false, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "site": { "weights": "400 body, 600 nav and text links, 700 buttons and bold runs", "sizes_px": "20 lead (18.16 phone), 16 small body and nav (14.16 phone for small body), 14 meta and legal", "line_height": "1.4 (28px at 20, 22.4 at 16, 19.6 at 14), 1.5 for 16px nav/footer", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" } }, "serif": { "family": "Source Serif 4", "weight": 400, "real": "Source Serif 4 (SIL OFL; Google Fonts)", "stand_in": false, "use": "Extended body copy on paper or screen, per the guide. Not used on wikimediafoundation.org (observed)", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Typography" }, "international": { "family": "Noto", "use": "Default replacement for non-Latin scripts; the guide asks to prefer a face with Montserrat's character where one exists", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Typography" }, "rules": [ "Mainly Regular and Bold weights of both faces", "Montserrat for headlines (big and bold), Source Serif for long body copy", "Use few sizes and weights at once", "Emphasis by changing the colour of one word, not by adding fonts" ], "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Typography" }, "style": { "button_shape": "rounded", "button_note": "Buttons radius 4px, 2px borders, Inter Bold 20px; hover underlines the label (observed)", "corners": "4px on buttons, cards, images and inputs; 0 on chips and full-bleed bands; circles for icon buttons", "linework": "Hairlines 1px #E5E5E5 on white; hand-drawn uniform strokes in illustrations", "motion": "Quiet: colour/underline transitions 0.1-0.35s; no parallax; the only moving pieces are the hero video and the rotating highlight word", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "voice": { "tone": [ "Neutral", "Clear", "Warm", "Trustworthy", "Joyful" ], "notes": [ "Codex names four design principles that govern copy: content first, design for consistency, this is for everyone, trustworthy yet joyful (published, Codex writing guide).", "The point of view is neutral: no personal opinions in product copy; third person, active voice for content; second person when telling the reader to act (published, Codex voice and tone).", "Tone shifts with the task: plain and neutral for warnings, celebratory and informative on success (published).", "The Foundation site speaks as \"we\" (the Foundation) to \"you\" (reader, donor, volunteer): \"We support human knowledge\", \"Help us support everyone's access\" (observed).", "Numbers do the persuading on the homepage: 15 billion views, 265,000 volunteers, 324 edits a minute, 300+ languages (observed).", "The brand guide pages themselves are chattier (\"That's pretty sweet.\") because they address affiliates; a landing page follows the homepage voice: plain, institutional, warm, no exclamation marks (observed).", "Two voices, scoped: Codex rules govern product UI copy; the Foundation homepage voice governs landing pages. They agree on plain English and neutrality." ], "rules": [ { "id": "headline-case", "kind": "headline_case", "value": "sentence", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "id": "person", "kind": "person", "value": "we_you", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "id": "exclamations", "kind": "exclamations", "value": "never", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "note": "No exclamation marks anywhere on the homepage; the affiliate guide pages do use them" }, { "id": "plain-english", "kind": "guidance", "text": "Plain English: short, easy-to-understand words and simple phrases; it also helps translation", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "no-idioms", "kind": "guidance", "text": "No idioms, slang, jokes, metaphors or pop-culture references (copy must translate)", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "avoid-softeners", "kind": "avoid", "terms": [ "please", "sorry", "just", "simply", "try" ], "instead": "the direct instruction", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "turn-on", "kind": "prefer", "term": "turn on / turn off", "over": [ "enable", "disable" ], "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html", "scope": "settings and toggles only; \"enable\" in its ordinary sense (the hero line \"policies that enable reliable information\") is fine" }, { "id": "allowlist", "kind": "prefer", "term": "allowlist / denylist", "over": [ "whitelist", "blacklist" ], "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "incorrect", "kind": "prefer", "term": "incorrect", "over": [ "invalid" ], "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "verbs-actions", "kind": "guidance", "text": "Verbs for actions (bare infinitive: Upload, Publish, Share, Donate), nouns for places", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "no-directional", "kind": "guidance", "text": "Avoid directional words like below or above; not everyone sees the layout", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "neutral-gender", "kind": "guidance", "text": "Do not assume pronouns; use they, you or we when gender is unknown", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html" }, { "id": "serial-comma", "kind": "guidance", "text": "Serial comma (\"the people, technology, and policies\")", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "id": "tagline-length", "kind": "guidance", "text": "Taglines: the shorter the better, no more than 10 words in English", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Create" } ], "approved": { "words": [ "free knowledge", "open knowledge", "sum of all human knowledge", "reliable information", "volunteers", "nonprofit", "human knowledge" ], "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Create", "note": "The first three are the guide's recommended movement words for taglines; the rest recur across the homepage (observed)" }, "banned": [ "please", "sorry", "simply", "whitelist", "blacklist", "invalid" ], "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/voice-and-tone.html" }, "spec": { "source": "https://wikimediafoundation.org/", "how": "Playwright computed styles at 1440 and 390 on 2026-10-31, plus the theme CSS and the brand pages on Meta-Wiki", "provenance": "Guide values are published (meta.wikimedia.org/wiki/Brand and Codex); page anatomy is observed on wikimediafoundation.org", "motion": [ { "name": "codex-base", "duration_ms": 100, "easing": "ease", "use": "Codex transition-duration-base with the system timing function: colour, background, border and shadow changes in product UI", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/design-tokens/transition.html" }, { "name": "codex-medium", "duration_ms": 250, "easing": "ease-out", "use": "Codex transition-duration-medium with the user timing function (ease-out) for user-triggered changes", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/design-tokens/transition.html" }, { "name": "link-underline", "duration_ms": 300, "easing": "ease", "use": "Nav label underline and colour changes on hover (0.3s)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "name": "card-reveal", "duration_ms": 350, "easing": "ease", "use": "Action-card subline grows in on hover (grid rows 0fr to 1fr) with a 16px top margin", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "name": "card-arrow", "duration_ms": 250, "easing": "ease-in-out", "use": "Action-card \" →\" fades and slides in from -1rem after a 0.2s delay", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "name": "sound-logo", "duration_ms": 4000, "use": "The Wikimedia sound logo: 4 s (cutdowns 2 s and 1 s), C major, 144 BPM, at least 250 ms of silence before and after; starts once a logo is static and fully visible", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/logo" } ], "icons": { "grid": "20 x 20 dp canvas (1 dp margin for square shapes; circles use the full canvas)", "stroke": "2 dp medium-thick stroke on the default canvas; squared or bevelled ends", "sizes": [ { "name": "default", "px": 20, "use": "Codex default" }, { "name": "medium", "px": 16, "use": "Codex" }, { "name": "small", "px": 12, "use": "Codex" }, { "name": "site", "px": 24, "use": "Search and arrow icons on wikimediafoundation.org (observed)" } ], "style": "Monochromatic, geometric, symmetrical, front-facing, primarily outlined, sharp corners; cross-out lines run top-left to bottom-right at 45 degrees", "principles": "Simple and neutral: reduce to the essential form, universal rather than culture-specific, no text inside icons, avoid gestures, animals, religion, humour, ethnicity and gender", "license": "Codex icons are CC BY 4.0", "prov": "published", "source": "https://doc.wikimedia.org/codex/latest/style-guide/icons.html" }, "signature": [ { "id": "highlight-chip", "name": "One word in a colour chip", "where": "the hero headline (and the guide's own campaign posters)", "spec": "Set the key word of a Montserrat Bold headline on a flat Creative light-palette block (Light Pink #F9DDE9, Light Purple #D5D1EC, Light Bright Blue #C0E6FF or Bright Yellow #E9E7C4), padding 4px 8px, no radius, black text; the rest of the headline stays plain black on white. The guide's version colours the word itself instead (\"Knowledge is human.\" with human in green)", "once": "one chip per headline, one highlighted headline per page", "dont": "chip more than one word, round the chip, or put a strong-palette colour behind black text", "example": { "ground": "paper", "text": "We support human knowledge", "mark": "support", "mark_style": "box", "mark_color": "#F9DDE9" }, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "also": [ "https://meta.wikimedia.org/wiki/Brand/Typography" ] }, { "id": "colour-blocks", "name": "Saturated movement-colour blocks", "where": "action cards, donation bar, subscribe band, volunteer panel", "spec": "Flat Legacy and Creative strong colours as whole surfaces, each carrying white Montserrat Bold (on Green AAA #246342, Red #990000, Blue AAA #0C57A8, Purple #5748B5, Blue #0063BF) or black text (on Yellow #F0BC00). Radius 4px or full-bleed; no gradients, no shadows", "once": "each block one colour; neighbours never repeat a colour", "dont": "put white text on yellow, bright green, bright blue, pink or any light tint (the guide reserves white text for red, blue, green, dark green and purple)", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/colours" }, { "id": "attribution", "name": "Credit every image", "where": "a Photo credits block before the footer, and captions", "spec": "Every image carries its title, author and licence (TASL), linked to the source; Commons files get the Commons icon. On a landing page: a full-width off-white (#F9F9F0) band of small thumbnails with credits in three columns", "dont": "use an image you cannot credit, or hide credits in a tooltip only", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Attribution", "also": [ "https://meta.wikimedia.org/wiki/Brand/Imagery" ] }, { "id": "hand-drawn-line", "name": "Hand-drawn line illustration with one colour", "where": "stats, spot illustrations", "spec": "Continuous, fluid, uniform pen-like black stroke, not too thick, with one flat palette colour or a circular shape behind; light ink/pencil texture at most; used large and in one colour", "dont": "thick childish lines, gradients, 3D, or illustrations smaller than 1.25 in (31.75 mm) wide", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Imagery" }, { "id": "quiet-frame", "name": "Black, white and the logo in black", "where": "nav, headings, logo", "spec": "Core palette carries the frame: black logo and type on white, white reverse logo on Black 75 #404040; colour enters in blocks, chips and photos, never in the logo", "dont": "colour the Foundation logo or set the logo in another font", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/logo" } ], "page": { "source": "https://wikimediafoundation.org/", "date": "2026-10-31", "prov": "observed", "nav": { "summary": "White sticky bar 76px tall with a 1px #E5E5E5 bottom border: horizontal black Wikimedia Foundation logo at left, four mega-menu labels, then a search icon, a bordered language button and a green Donate now button at right. Phone: hamburger at left, logo, EN button and a short green Donate button.", "ground": "#FFFFFF; border-bottom 1px solid #E5E5E5", "height": "76px desktop, 65px phone (both include the 1px border)", "border": "1px solid #E5E5E5 bottom", "logo": { "variant": "horizontal black Wikimedia Foundation logo (brandmark + WIKIMEDIA / FOUNDATION in Montserrat)", "px": "172x38 desktop; 108x24 phone", "position": "desktop x 120 y 18 (left edge of the 1200px container); phone x 82 y 20", "file": "nav-logo-horizontal.svg" }, "links": { "count": 4, "labels": "Who we are, What we do, What you can do, News", "size": "Inter 16px/24px", "weight": 600, "color": "#000000; hover adds a 2px black underline 8px below the baseline (transition 0.3s)", "alignment": "left group: buttons 76px tall with padding 24px 16px at x 324, 449, 573, 736 (label text starts 16px in: 340, 465, 589, 752). No chevrons, no dividers" }, "actions": [ "Search: 24px magnifier icon (search.svg, black) centred in a 68x76 button at x 962", "Language: 108x48 button at x 1046 y 14: white fill, 1px solid #E5E5E5 border, radius 4px, padding 11px 40px 11px 16px; 20px translate icon, 8px gap, \"EN\" Inter 16px/24px 400 uppercase #000000, 10x7 black open stroked chevron (a V, not a filled triangle) 16px from the right. Hover: fill #E5E5E5, border #000000", "Donate now: 150x49 at x 1170 y 13: fill #246342, white Inter 20px/25px 700, radius 4px, padding 9.75px 16px, 2px transparent border. Hover: fill #DBF3EC, text and border #246342, 2px underline" ], "sticky": "position sticky top 0; stays white with the same border when scrolled", "phone": { "shows": "hamburger (three 2px black lines, 18px wide) centred in a 65x64 button at x 0, closed by a 1px #E5E5E5 vertical rule on its right edge; logo 108x24 at x 82 y 20; EN language button 64x42 at x 226 y 11 (same border/radius, padding 8px 30px 8px 10px, no translate icon); Donate button 76x42 at x 298 y 11, fill #246342, white Inter 16px/20px 700, label \"Donate\" only, padding 9px 8px", "menu": "Hamburger opens a full-screen white menu (not shown at rest)", "cta": "Donate (green)" }, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "hero": { "summary": "White hero: at left a two-line 48px Montserrat headline \"We support / human knowledge\" where the verb sits in a pale pink highlight chip, then a 24px Montserrat lead; at right a 580x326 muted, looping video with a round pause button.", "desktop": { "section": "y 76-562 (486px), ground #FFFFFF, padding 80px 24px; content in the 1200px container x 120-1320", "column_split": "two equal 580px columns with a 40px gap: text x 120-700, media x 740-1320. The text column is vertically centred against the video", "vertical_anchors": "video y 156-482; headline y 171-299 (2 lines x 64px); lead y 339-467 (4 lines x 32px), 40px under the headline", "text_max_width": "580px; the headline breaks after the highlighted word: line 1 \"We [support]\", line 2 \"human knowledge\"; the lead wraps in 4 lines", "media": "video 580x326 (16:9), no radius, no border, object-fit contain; pause button 44x44 at x 1252 y 414 (24px in from the video's right and bottom edges)", "cta_size": "no button in the hero; the donation bar directly below is the call to action" }, "phone": { "order": "headline, lead, video (stacked, all left-aligned, full width 357px)", "alignment": "left, 16.67px side padding (content x 17-374)", "sizes": "section y 65-612, padding 43px top and bottom; headline Montserrat 33.27px/44.35px 700, 2 lines at y 108-197 (\"We [support]\" / \"human knowledge\"); lead Montserrat 20.32px/27.08px 400, 5 lines y 215-350; video 357x201 at y 368; pause button 44x44 at x 313 y 508" }, "at_rest": { "headline": "Static state = the word \"support\" in its chip. Build it as: \"We \" + an inline-block mark 214x72 (padding 4px 8px, background #F9DDE9, radius 0) holding \"support\" in the same 48px/64px 700 black type, left-aligned in the chip, starting at x 209 (89px after the line start) + line break + \"human knowledge\". Phone chip 154x52 at x 76. Animation only: the chip is a vertical carousel that cycles support (#F9DDE9) -> protect (#E9E7C4) -> fund (#D5D1EC) -> open (#C0E6FF); show \"support\" only", "video": "PLACE THE FRAME, the page autoplays a muted 18.5s montage. Use hero-video-rest-frame.jpg (1280x720) as the poster/static image, object-fit cover in the 580x326 frame (or the mp4 hero-video.mp4 with that poster, muted autoplay loop). The frame shows an open Arabic manuscript, warm parchment tones", "pause": "button 44x44, radius 50%, fill rgba(0,0,0,0.1), 2px solid #FFFFFF ring, padding 10px, white 20px pause glyph (pause.svg: two rounded bars)" }, "media": "hero-video-rest-frame.jpg", "type": "headline Montserrat 48px/64px 700 #000000 (clamp 2rem-3rem; 33.27px at 390); lead Montserrat 24px/32px 400 #000000 (20.32px/27.08px at 390)", "cta": "none in the hero", "proof": "none", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "copy": "H2 \"We support human knowledge\" (\"support\" in the chip); lead \"We are the nonprofit that hosts Wikipedia. We support the people, technology, and policies that enable reliable information to be shared with the world.\"" }, "sections": [ { "name": "Donation bar", "summary": "Full-width Blue AAA strip: a two-line bold Montserrat appeal with an underlined \"Why donate?\" link at left, and at right an amount field, two radio options and a white outline Donate now button.", "ground": "#0C57A8", "desktop": { "band": "y 562-666 (104px), padding 24px; content x 120-1320", "left": "paragraph at x 120 y 588, max width 387px, 2 lines that must break exactly as \"Help us support everyone’s access to / reliable information. Why donate?\" (give the paragraph max-width 400px if your render wraps \"to\" early) in Montserrat 20px/28px 700 #FFFFFF, then \" Why donate?\" Inter 20px/28px 400 #FFFFFF underlined (1px, offset 5px)", "right": "one row vertically centred, right-aligned to x 1320: amount field 144x48 at x 707 y 590 (radius 4px, shadow 0 0 1px rgba(0,0,0,0.2)): a 48x48 \"$\" cell fill #C0E6FF (radius 4px 0 0 4px, Inter 16px 600 #000000, centred) + a 96px white input showing \"2.75\" (Inter 16px #000000, padding 12.7px 10.7px); radio \"Just once\" (checked) at x 875 and \"Give monthly\" at x 1009: 20px circles with 2px #FFFFFF ring, the checked one with a white 10px inner dot, labels Inter 20px/28px 400 #FFFFFF 7px after the circle; Donate now button 140x50 at x 1180 y 589" }, "phone": { "band": "y 612-883 (271px), padding 16.67px", "stack": "appeal 2 lines (Montserrat 18.16px/25.42px 700, \"Why donate?\" Inter 18.16px) at y 629; amount field 144x48 at y 697; radios row at y 769 (Just once x 17, Give monthly x 141, labels 18.16px); Donate now button 130x48 at y 818, left-aligned" }, "anatomy": [ "The bar sits flush under the hero with no gap; a 40px white gap follows it before the birthday band", "Button: transparent fill, 2px solid #FFFFFF border, radius 4px, white Inter 20px/25px 700 \"Donate now\", padding 10.72px; hover adds a 2px underline" ], "components": [ "button_outline_on_blue", "amount_field", "radio_on_blue" ], "copy": "Appeal: \"Help us support everyone’s access to reliable information.\" + link \"Why donate?\"; radios \"Just once\" / \"Give monthly\"; button \"Donate now\"" }, { "name": "Birthday campaign band", "summary": "A 480px band filled with the Wikipedia 25 puzzle-piece artwork (pale blue ground, blue jigsaw pieces forming a giant W on the right) with a white card at left holding a 48px headline, a paragraph and a blue arrow link.", "ground": "photo: birthday-puzzle-ground.jpg (light blue #C0E6FF-like ground with blue puzzle pieces)", "desktop": { "band": "y 706-1186 (480px), 40px white gap above it; padding 80px 24px; background-image birthday-puzzle-ground.jpg, background-size cover, background-position 89% 46%, no colour layer", "card": "656x320 at x 120 y 786: fill #FFFFFF, radius 4px, padding 24px, no shadow", "card_content": "H2 \"Celebrate Wikipedia’s / 25th birthday\" Montserrat 48px/64px 700 #000000, 2 lines at y 810 (608px wide); paragraph Inter 20px/28px 400 #000000, 3 lines at y 954 (16px under the H2); link \"Join the party →\" Inter 20px/28px 600 #0C57A8 at y 1056 (18px under the paragraph), no underline at rest, the arrow is a text \" →\" after the label" }, "phone": { "band": "y 901-1549 (648px); padding 43px 16.67px; the puzzle image fills the band (cover), showing pieces at top and edges", "card": "357x336 at x 17 y 1170 (bottom of the band minus 43px): padding 16.67px; H2 33.27px/44.35px 3 lines (\"Celebrate / Wikipedia’s 25th / birthday\"); paragraph Inter 18.16px/25.42px 5 lines; link 18.16px" }, "anatomy": [ "The artwork is one image file; place it, never redraw the puzzle pieces", "Link hover: 2px underline offset 3px, same colour" ], "components": [ "link_arrow" ], "copy": "H2 \"Celebrate Wikipedia’s 25th birthday\"; paragraph \"Mark this milestone by paying tribute to the hundreds of thousands of people that edit, write, and fact check the backbone of knowledge on the internet.\"; link \"Join the party →\"" }, { "name": "By the numbers", "summary": "White stats section: a 32px heading at left and a 20px intro at right, then a 3-column row of illustrated stats with big Montserrat numbers, a full-width hairline, and a 2-column row of sentence stats; thin vertical rules separate the columns.", "ground": "#FFFFFF", "desktop": { "band": "y 1186-2007 (821px), padding 80px 0 (inside the 1200 container x 120-1320)", "intro_row": "H2 \"By the numbers\" Montserrat 32px/40px 700 #202122 at x 120 y 1266 (373px column); intro Inter 20px/28px 400 #202122 at x 533 y 1266, width 787, 2 lines", "row_1": "3 columns 373px wide at x 120, 533, 947 (40px gaps). Each: illustration 80px tall (globe 81x80, friendship 103x80, collaboration 103x80) at y 1410; label Inter 20px/28px #202122 at y 1506; number Montserrat 48px/64px 600 #202122 directly under the label; trailing line Inter 20px/28px directly under the number. Column 2's label wraps to 2 lines so its number sits 28px lower (y 1562)", "rules": "1px solid #E5E5E5 vertical rules centred in the gaps at x 512 and 926, from y 1386 to 1676; a 1200px horizontal rule #E5E5E5 at y 1702 (24px margins)", "row_2": "2 columns 580px at x 120 and 740 (vertical rule at x 719, y 1726-1926): illustration 80x80 at y 1751, sentence Inter 20px/28px #202122 at y 1847 with bold (700) runs: \"With over **67 million articles**, in **300+ languages**, Wikipedia is the home of trusted information online.\" and \"Wikipedia is the only website among the **top 10** most visited that is hosted by a nonprofit organization.\"" }, "phone": { "band": "y 1549-2488, padding 43px 16.67px", "stack": "H2 24.64px/30.8px at y 1592; intro 18.16px/25.42px 3 lines at y 1641; then 5 stat rows, each a 2-column grid (illustration column x 17-118, text column x 135 width 239) with a 1px #E5E5E5 top border and 16.67px top and bottom padding; row tops at y 1752, 1881, 2036, 2191, 2352 (heights 129, 155, 155, 161, 136); illustrations keep their own widths at 80px tall (globe 81, friendship 102, collaboration 102, world 80, mobile 80), vertically centred in the row; numbers Montserrat 33.27px/44.35px 600; no vertical rules" }, "anatomy": [ "Stats copy, in order: \"Wikipedia receives nearly / 15 billion / views each month.\" | \"The Wikimedia Foundation supports nearly / 265,000 / volunteers every month.\" | \"Every minute / 324 / new edits are made to Wikipedia.\"", "Illustrations are the Foundation's hand-drawn line art with one flat colour fill (blue globe, green faces, orange laptop, yellow world, pink phone): place the SVG files, never icons" ], "components": [ "stat_item" ], "copy": "H2 \"By the numbers\"; intro \"Wikipedia is the backbone of the internet’s knowledge. From students to chatbots, everyone learns from it.\"" }, { "name": "Our work", "summary": "Lavender band with a 32px heading and intro, then a carousel of three news cards (photo, coloured category dot, Montserrat title) with round arrow buttons outside the content edges.", "ground": "#F9F7FF", "desktop": { "band": "y 2047-2832 (785px), 40px white gap above it; padding 80px 24px", "intro_row": "H2 \"Our work\" Montserrat 32px/40px 700 #000000 at x 120 y 2127; intro Inter 20px/28px #000000 at x 534 y 2127, width 786, 2 lines", "cards": "3 visible cards 373px wide at x 120, 533, 947 (40px gap), track clipped at x 1320 (further cards hidden). Photo 373x263 radius 4px object-fit cover at y 2223; category row at y 2502 (16px under the photo): 10px circle + 9px gap + label Inter 14px/19.6px 400 #000000; title Montserrat 24px/33.6px 600 #000000 at y 2538 (16px under the category), 3-4 lines, no underline. The carousel track box runs y 2223-2752: 80px of empty space stays below the longest title (y 2672) before the band's 80px bottom padding", "arrows": "two 48x48 circles (44px glyph + 2px ring) at y 2409: previous at x 44 (disabled at rest: fill #BFBFBF, ring #BFBFBF, black arrow glyph), next at x 1348 (white disc, 2px #E5E5E5 ring, black arrow glyph). Glyph: icon-carousel-arrow-next.svg (a 40px disc with a cut-out arrow) drawn white over a black centre, so the arrow reads black" }, "phone": { "band": "y 2549-3581, padding 43px 16.67px", "stack": "H2 24.64px at y 2592; intro 18.16px 4 lines; then only 2 cards stacked, no arrows: photo 357x251 radius 4px, category row 16px below, title Montserrat 20.32px/28.45px 600; the second card has a 1px #E5E5E5 top border with 26px padding above its photo" }, "anatomy": [ "Card 1: category \"Public policy\" (dot #71D1B3), title \"The Wikimedia Foundation files to protect open knowledge in New York Times v OpenAI case\"", "Card 2: category \"Technology\" (dot #049DFF), title \"OpenAI “rogue” agent activities found on Wikimedia projects\"", "Card 3: category \"Public policy\" (dot #71D1B3), title \"Human knowledge at stake: Wikimedia Foundation makes its case at the United Nations General Assembly\"", "Category dot colour by topic: Public policy #71D1B3, Technology #049DFF (observed)" ], "components": [ "post_card", "carousel_arrow" ], "copy": "H2 \"Our work\"; intro \"Read more about how we are supporting the people, policies, and products that make Wikipedia and Wikimedia projects possible.\"" }, { "name": "Built for people, by people", "summary": "White section with heading and intro, then a 1200x600 module: a grey world map with black volunteer markers (one orange, active) at left and a Legacy Blue panel at right holding a volunteer photo, name, country and a short bio with round previous/next buttons.", "ground": "#FFFFFF", "desktop": { "band": "y 2832-3716 (884px), padding 80px 24px", "intro_row": "H2 \"Built for people, by / people\" Montserrat 32px/40px 700 #000000 at x 120 y 2912 (374px column, 2 lines); intro Inter 20px/28px at x 534 width 786, 3 lines", "module": "1200x600 at x 120 y 3036: map 840x600 at left (x 120-960), panel 360x600 at right (x 960-1320) fill #0063BF", "map": "PLACE THE IMAGE map-desk.png (1680x1202 = 840x601 at 2x), a static capture of the live Mapbox map: white sea, #DCDBDC land, 16 black 24px markers, one active orange #FF7800 marker (29px with a white ring and an outer orange ring) over Malaysia. Add the zoom control group on top: 29x87 white box, radius 4px, shadow 0 0 0 2px rgba(0,0,0,0.1), at x 921 y 3046 (10px from the map's top-right), three 29x29 cells (+, -, compass) split by 1px #DDDDDD lines, dark grey (Mapbox default) glyphs", "panel": "padding 24px: photo 312x208 object-fit cover at x 984 y 3060; name \"Taufik Rosman\" Montserrat 32px/40px 700 #FFFFFF at y 3292 (CSS asks for 900 but the site loads no 900 face, so it renders as Bold 700: use 700); country row at y 3356: 16px orange #FF7800 dot + \"Malaysia\" Inter 16px/24px 700 italic #FFFFFF; bio Inter 16px/24px 400 #FFFFFF 6 lines at y 3404 (312px wide); two 48x48 white circle buttons (1px #AAAAAA ring, black chevron) at x 976 and 1036, y 3569" }, "phone": { "band": "y 3581-4734, padding 43px 16.67px", "stack": "H2 24.64px 1 line at y 3624; intro 18.16px 5 lines; map full-bleed 390x250 at y 3836 (map-phone.png, no side padding); blue #0063BF panel full-bleed below it (y 4086-4691): photo 357x300 at x 17 y 4102, name Montserrat 24.64px/30.8px 700, country 14.16px, bio Inter 14.16px/21.24px 5 lines, two 43x43 white buttons at x 14 and 68 y 4630" }, "anatomy": [ "Bio copy: \"The 2023 Wikimedian of the Year, Taufik has been editing since he was 8 years old. He has expanded the Malay Wiktionary with nearly 11,000 changes. “Each of our contributions matters greatly,” Taufik says.\"", "After this section: a 1200px 1px #E5E5E5 rule at y 3756 (40px below the section), then 40px to the next section" ], "components": [ "carousel_button_white" ], "copy": "H2 \"Built for people, by people\"; intro \"Wikipedia is built by nearly 250,000 volunteers from all kinds of backgrounds. They edit articles, check facts, fix code, and help make the internet’s knowledge better. Meet some of them.\"" }, { "name": "Help expand human knowledge", "summary": "White section with heading and intro, then four equal colour-block action cards (Green AAA, Red, Blue AAA, Purple) each with a white 32px Montserrat label at the bottom-left.", "ground": "#FFFFFF", "desktop": { "band": "y 3797-4447 (650px), padding 80px 24px", "intro_row": "H2 \"Help expand / human knowledge\" Montserrat 32px/40px 700 #202122 at x 120 y 3877 (394px column, forced 2 lines); intro Inter 20px/28px #202122 at x 554 y 3877, width 766, 2 lines", "cards": "4 cards 288x330 at x 120, 424, 728, 1032 (16px gaps), y 4037: radius 4px, padding 64px 24px, content bottom-aligned (flex column, justify end). Fills in order #246342 (Donate), #990000 (Edit), #0C57A8 (Participate), #5748B5 (Advocate). Label Montserrat 32px/40px 700 #FFFFFF at x +24, y 4263 (64px above the card bottom). Nothing else is visible at rest" }, "phone": { "band": "y 4734-4994, padding 43px 16.67px", "stack": "H2 24.64px/30.8px 2 lines at y 4814; intro 18.16px 3 lines; then the four cards stacked full width 357x100 with 8.5px gaps from y 5013: radius 4px, padding 34.5px 16.67px, label Montserrat 24.64px/30.8px 700 white, vertically centred" }, "anatomy": [ "Hover only (animation, not the rest state): a hidden subline grows in (grid rows 0fr to 1fr, 0.35s ease, 16px top margin) in Inter 20px/28px 700 white, and a \" →\" fades in after the label (0.25s ease-in-out, 0.2s delay). Sublines: Donate \"Join the readers who help fund Wikipedia\"; Edit \"Join the community that builds Wikipedia\"; Participate \"From coding to photography to organizing events, contribute your skills to advance free knowledge\"; Advocate \"Help us protect everyone’s right to knowledge\"", "Whole card is the link" ], "components": [ "action_card" ], "copy": "H2 \"Help expand human knowledge\" (break after \"expand\"); intro \"There are many different ways for you to support us. Here are some ideas for putting your skills and passions to use:\"; card labels Donate, Edit, Participate, Advocate" }, { "name": "Subscribe for news", "summary": "Full-width Creative Yellow band: heading and one-line pitch at left, an email field with a black Subscribe button, a consent checkbox and a privacy line at right.", "ground": "#F0BC00", "desktop": { "band": "y 4487-4775 (288px), 40px white gap above it; padding 80px 24px", "left": "H2 \"Subscribe for news\" Montserrat 32px/40px 700 #000000 at x 120 y 4575 (560px column); paragraph Inter 20px/28px #000000 at y 4631, 2 lines", "right": "column x 760-1320 starting y 4567: email input 411x48 (white, 1px solid #BFBFBF, radius 4px, padding 12px 10px, placeholder \"Enter your email\" Inter 16px #7F7F7F-ish) + Subscribe button 134x49 at x 1187 (fill #000000, white Inter 20px/25px 700, radius 4px); below at y 4631: 18x18 white checkbox (1px #BFBFBF, radius 4px) at x 760 and the consent text Inter 14px/21px #000000 at x 794 (526px, 2 lines), then \"For more details, see our Privacy statement.\" 14px with the link underlined" }, "phone": { "band": "y 5499-5949 (450px), padding 43px 16.67px", "stack": "H2 24.64px at y 5543; paragraph 18.16px 3 lines; email input 357x48 at y 5676; Subscribe button full width 357x44 at y 5741 (Inter 18px 700); checkbox at y 5801 with the consent text at x 43 (4 lines 14px); privacy line under it" }, "anatomy": [ "Consent copy: \"Yes, I would like to receive updates, news, and promotional emails from the Wikimedia Foundation. I understand I can unsubscribe at any time.\"", "Subscribe hover: fill #E5E5E5, text #000000, 2px #000000 border, underline" ], "components": [ "button_black", "email_input" ], "copy": "H2 \"Subscribe for news\"; paragraph \"Get the latest updates about the Wikimedia Foundation directly to your inbox.\"; input placeholder \"Enter your email\"; button \"Subscribe\"" }, { "name": "Photo credits", "summary": "Off-white band listing every image on the page with its title, author and licence, in three columns of small thumbnail + text items. Attribution is a brand rule, so the credits are part of the page design.", "ground": "#F9F9F0", "desktop": { "band": "y 4774-5991 (1217px), padding 80px 24px", "heading": "\"Photo credits\" Montserrat 24px/32px 600 #000000 at x 120 y 4854", "grid": "3 columns at x 120, 516, 912 (396px pitch); items start y ~4892 and stack in rows (row pitch 103-143px depending on wrapping, ~40px gap between items). Item: thumbnail 61x61 object-fit cover inside a 1px solid #EAECF0 frame (63x63), text column at x +78 (301px wide; columns are 396px apart so the item is 379px of each 396px track, no extra gap): title as a link Inter 16px/22.4px 400 #0C57A8 followed by a 14x16 Wikimedia Commons icon (commons-logo.svg) when the file comes from Commons, else plain Inter 14px/19.6px #000000; author Inter 14px/19.6px #000000; licence link Inter 16px/22.4px #0C57A8 (no underline at rest, underline 1.6px on hover)", "items": "exactly these 27 items in order, filling the 3 columns row by row (items 1-3 row 1, 4-6 row 2, ...)" }, "phone": { "band": "y 5949-8376, padding 43px 16.67px", "stack": "heading Montserrat 20.32px/27.08px 600 at y 5992; one column: thumbnail 61x61 at x 17, text at x 95 (267px wide), link titles 14.16px/19.8px, items ~67px apart" }, "anatomy": [ "01. thumb credit-01; title \"Close-up of Lady Justice statue holding scales, symbolizing justice and fairness\" (link #0C57A8 + Commons icon); DP Singh Bhullar; CC BY-SA 4.0 (link #0C57A8)", "02. thumb credit-02; title \"SwarmRobot_org\" (link #0C57A8 + Commons icon); Serg; GNU General Public License", "03. thumb credit-03; title \"Wikimedia_UNGA_IMG_3281\" (plain #000000 14px); Lucia Liss", "04. thumb credit-04; title \"Wikimedia Foundation Logo\" (plain #000000 14px); Wikimedia Foundation", "05. thumb credit-05; title \"Rena Kokalari\" (plain #000000 14px); Image by Rena Kokalari; CC BY-SA 4.0 (link #0C57A8)", "06. thumb credit-06; title \"Wikimania 2026 blue wordmark\" (link #0C57A8 + Commons icon); Eclos Production; CC BY-SA 4.0 (link #0C57A8)", "07. thumb credit-07; title \"Roger B. Chaffee at a console in the Mission Control Center, Houston, during the Gemini-Titan 3 flight\" (link #0C57A8 + Commons icon); NASA; Public domain (link #0C57A8)", "08. thumb credit-08; title \"Royal Courts of Justice 2019\" (link #0C57A8 + Commons icon); David Castor; CC0 1.0 (link #0C57A8)", "09. thumb credit-09; title \"Wiki Globe illustration\" (plain #000000 14px); Wikimedia Foundation; CC BY-SA 4.0 (link #0C57A8)", "10. thumb credit-10; title \"Wiki friendship illustration\" (plain #000000 14px); Wikimedia Foundation; CC BY-SA 4.0 (link #0C57A8)", "11. thumb credit-11; title \"Wiki collaboration illustration\" (plain #000000 14px); Wikimedia Foundation; CC BY-SA 4.0 (link #0C57A8)", "12. thumb credit-12; title \"Wiki world illustration\" (plain #000000 14px); Wikimedia Foundation; CC BY-SA 4.0 (link #0C57A8)", "13. thumb credit-13; title \"Wiki Mobile Illustration\" (plain #000000 14px); Wikimedia Foundation; CC BY-SA 4.0 (link #0C57A8)", "14. thumb credit-14; title \"WikiSG Headshots Taufik\" (link #0C57A8 + Commons icon); Don Wong for Tiny Big Picture, commissioned by The Wikimedia Foundation; CC BY-SA 4.0 (link #0C57A8)", "15. thumb credit-15; title \"Siobhan Leachman at BioBlitzWBN 1\" (link #0C57A8 + Commons icon); Mike Dickison; CC0 1.0 (link #0C57A8)", "16. thumb credit-16; title \"Armine Aghayan-Flisch\" (link #0C57A8 + Commons icon); Pdproject; CC BY-SA 4.0 (link #0C57A8)", "17. thumb credit-17; title \"Le Burex de WikiCiv\" (link #0C57A8 + Commons icon); Abiba Pauline; CC BY-SA 4.0 (link #0C57A8)", "18. thumb credit-18; title \"The Photographer User in Humboldt Peak\" (link #0C57A8 + Commons icon); Wilfredor; CC0 1.0 (link #0C57A8)", "19. thumb credit-19; title \"Equipo de Wikipedistas en El Salvador\" (link #0C57A8 + Commons icon); Karlalhdz; CC BY-SA 4.0 (link #0C57A8)", "20. thumb credit-20; title \"Monica Bonilla\" (link #0C57A8 + Commons icon); Monica Bonilla (WMCO); CC BY-SA 4.0 (link #0C57A8)", "21. thumb credit-21; title \"Wikisource Conference 2025, Day 3, Denpasar; February 2025 (086)\" (link #0C57A8 + Commons icon); Memora Productions for Wikimedia Indonesia; CC BY-SA 4.0 (link #0C57A8)", "22. thumb credit-22; title \"Wikiar2022 0034 (cropped)\" (link #0C57A8 + Commons icon); Tamuz Hasan; CC BY-SA 4.0 (link #0C57A8)", "23. thumb credit-23; title \"Nkem Osuigwe 3\" (link #0C57A8 + Commons icon); AfricanLibrarian; CC BY-SA 4.0 (link #0C57A8)", "24. thumb credit-24; title \"Ananya Mondal - WLM\" (link #0C57A8 + Commons icon); Sumitsurai; CC BY-SA 4.0 (link #0C57A8)", "25. thumb credit-25; title \"Netha Hussain-070A3987\" (link #0C57A8 + Commons icon); Bijay Chaurasia; CC BY-SA 4.0 (link #0C57A8)", "26. thumb credit-26; title \"Rosie at Wikimania 2023 6\" (link #0C57A8 + Commons icon); Mrb Rafi; CC BY-SA 4.0 (link #0C57A8)", "27. thumb credit-27; title \"Andrew Lih\" (link #0C57A8 + Commons icon); Joi Ito; CC BY 2.0 (link #0C57A8)" ], "components": [ "credit_item" ], "copy": "H2 \"Photo credits\"; items listed below" } ], "footer": { "summary": "Charcoal (#404040) footer: two social blocks (white stacked Wikimedia Foundation logo + text + 4 icons; white Wikipedia logo + text + 6 icons) split by a faint vertical rule, an app-download row, four link columns, and the CC BY-SA licence line, with grey hairlines between rows.", "ground": "#404040; padding 40px 24px; content x 120-1320", "anatomy": [ "Row 1 (y 6031): white stacked WMF logo 109x80 at x 120 (footer-wmf-logo-stacked-reverse.svg); text at x 253, 427px wide: \"Follow the Wikimedia Foundation on social media to get news and updates on our projects, global community, and advocacy efforts.\" Inter 16px/24px #FFFFFF (3 lines); icons at y 6111: Instagram, Bluesky, Facebook, LinkedIn as white 20px glyphs in 30px circles (fill #404040, so only the glyph shows), 46px pitch from x 253", "Vertical divider: 1px at x 719, y 6031-6141, rgba(255,255,255,0.2) (renders #666666)", "Wikipedia block: white stacked Wikipedia logo 70x80 at x 760 (footer-wikipedia-logo-stacked-reverse.svg); text at x 854, 466px: \"Connect with Wikipedia on social media to learn new facts and know your world better\" Inter 16px/24px #FFFFFF (2 lines); icons at y 6095: TikTok, LinkedIn, Instagram, Bluesky, Facebook, YouTube (46px pitch)", "Rule: 1200px 1px solid #808080 at y 6173 (32px margin above)", "App row (y 6206): \"Download the Wikipedia app\" Inter 20px/28px #FFFFFF at x 120; App Store badge 120x40 at x 423 and Google Play badge 120x40 at x 583 (badge-app-store.svg, badge-google-play.svg)", "Rule: #808080 at y 6278", "Link columns from y 6311, x 120 / 430 / 740 / 1050 (310px pitch), Inter 16px/24px 600 #FFFFFF, 40px row pitch, no headings. Col 1: Who we are, What we do, What you can do, News, Frequently asked questions. Col 2: Donate, Careers, Contact, Press. Col 3: Research, Wikipedia Library, Wikipedia Store (external). Col 4: Terms of use (external), Privacy policy, Disclaimers (external), Accessibility statement, Cookies statement (external). External links carry a 16x16 white external-link icon (link-external-reverse.svg) 8px after the label. Hover: 1.6px underline", "Rule: #808080 at y 6527", "Legal line at y 6560: \"Except where otherwise noted, the content of this site is licensed under a Creative Commons Attribution-ShareAlike 4.0 International license. Powered by WordPress.com VIP.\" Inter 14px/19.6px #FFFFFF, one line; the licence words are a link (white, no visible underline at rest). Footer ends y 6620" ], "phone": "y 8376-9745, padding 18px 16.67px: WMF logo 104x80 + text (14.16px/21.24px) side by side, then its 4 icons in a row between 1px rgba(255,255,255,0.5) top and bottom borders (64px tall strip); Wikipedia logo + text, then its 6 icons in a bordered strip; \"Download the Wikipedia app\" 18.16px 2 lines with 80x27 badges at right; link groups stacked in one column (Inter 18.16px/27.24px 600, 43px pitch), each group closed by a 1px white-50% rule; legal line 14px 4 lines at the bottom", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "dark_ground": { "secondary_button": "transparent fill, 2px solid #FFFFFF border, radius 4px, white Inter 20px 700 (Donate now on the Blue AAA bar); hover adds an underline", "link": "#FFFFFF, underlined 1px (Why donate?) or no underline in the footer (underline on hover)", "muted_text": "not used: text on colour is always pure #FFFFFF", "hairline": "#808080 1px on the #404040 footer; rgba(255,255,255,0.2) vertical divider", "logo_variant": "white (reverse) stacked logos in the footer" }, "sequence": "nav, hero, donation bar, 40px gap, birthday band, By the numbers, 40px gap, Our work, Built for people, rule, Help expand, 40px gap, Subscribe, Photo credits, footer. Build exactly these, in this order" }, "bands": [ { "label": "Navigation", "ground": "paper", "desktop": "y 0-76, sticky, 1px #E5E5E5 bottom border", "phone": "y 0-65: hamburger, logo, EN, Donate", "anatomy": [ "Content aligned to the 1200px container (x 120-1320)" ], "what": "logo, 4 menu labels, search, EN, Donate now", "content": "nav" }, { "label": "Hero", "ground": "paper", "desktop": "y 76-562, 580/580 columns, 40px gap", "phone": "y 65-612, stacked", "anatomy": [ "\"support\" chip #F9DDE9 at rest" ], "what": "headline with highlight chip + lead | video", "content": "hero", "headline": "We support human knowledge", "mark": "support", "mark_style": "box", "mark_color": "#F9DDE9", "cta": "none" }, { "label": "Donation bar", "ground": "#0C57A8", "desktop": "y 562-666", "phone": "y 612-883 stacked", "anatomy": [], "what": "appeal + amount, frequency, Donate now", "content": "text" }, { "label": "Birthday campaign", "ground": "#C0E6FF", "desktop": "y 706-1186 (40px gap above)", "phone": "y 901-1549", "anatomy": [ "ground is the light-blue puzzle artwork birthday-puzzle-ground.jpg (cover, 89% 46%); #C0E6FF is the nearest palette tint, for the wireframe only" ], "what": "white card on the puzzle artwork", "content": "split" }, { "label": "By the numbers", "ground": "paper", "desktop": "y 1186-2007", "phone": "y 1549-2488", "anatomy": [ "#E5E5E5 rules between stats" ], "what": "3 + 2 illustrated stats", "content": "stat" }, { "label": "Our work", "ground": "surface", "desktop": "y 2047-2832 (40px gap above)", "phone": "y 2549-3581, 2 stacked cards", "anatomy": [], "what": "3-card news carousel", "content": "cards" }, { "label": "Built for people, by people", "ground": "paper", "desktop": "y 2832-3716", "phone": "y 3581-4734", "anatomy": [ "rule #E5E5E5 at y 3756" ], "what": "map + blue volunteer panel", "content": "split" }, { "label": "Help expand human knowledge", "ground": "paper", "desktop": "y 3797-4447", "phone": "y 4734-4994 + cards to 5439", "anatomy": [], "what": "4 colour-block action cards", "content": "cards" }, { "label": "Subscribe for news", "ground": "#F0BC00", "desktop": "y 4487-4775 (40px gap above)", "phone": "y 5499-5949", "anatomy": [], "what": "heading + email form", "content": "text" }, { "label": "Photo credits", "ground": "#F9F9F0", "desktop": "y 4774-5991", "phone": "y 5949-8376", "anatomy": [], "what": "27 attributed thumbnails in 3 columns", "content": "text" }, { "label": "Footer", "ground": "night", "desktop": "y 5991-6620", "phone": "y 8376-9745", "anatomy": [], "what": "social blocks, app badges, 4 link columns, licence", "content": "footer" } ], "layout": { "page_margin": { "desktop": 120, "phone": 17 }, "section_padding": { "desktop": 80, "phone": 43 }, "container_max": 1200, "hero_text_max": 580, "columns": 3, "columns_phone": 1, "gutter": 40, "gutter_phone": 17, "card_gap": 16, "nav_height": 76, "note": "Measured on https://wikimediafoundation.org/ (2026-10-31) at 1440 and 390. Content column x 120-1320 (theme wide-size 1200px; reading width 788px). Section padding is clamp(2.5rem, 4.55vw + 1.59rem, 5rem): 80px at 1440, 43px at 390; side padding 24px desktop, 16.67px phone. Grids: 3 x 373px with 40px gaps (stats, cards), 2 x 580px (hero, stats row 2), 4 x 288px with 16px gaps (action cards). Intro rows: H2 in the first 373px column, intro paragraph from x 533. Several sections are separated by a 40px white gap instead of padding.", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "type": [ { "role": "Hero and campaign H2", "id": "display-xl", "face": "display", "size": { "desktop": 48, "phone": 33.27 }, "line_height": 1.333, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "note": "clamp(2rem, 2rem + (1vw - 0.2rem) * 1.818, 3rem)" }, { "role": "Stat number", "id": "display-stat", "face": "display", "size": { "desktop": 48, "phone": 33.27 }, "line_height": 1.333, "tracking_px": 0, "weight": 600, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Section H2, action-card label", "id": "display-l", "face": "display", "size": { "desktop": 32, "phone": 24.64 }, "line_height": 1.25, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "note": "clamp(1.5rem ... 2rem); the volunteer name is also 700 as rendered" }, { "role": "Post title", "id": "display-m", "face": "display", "size": { "desktop": 24, "phone": 20.32 }, "line_height": 1.4, "tracking_px": 0, "weight": 600, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Hero lead", "id": "lead", "face": "display", "size": { "desktop": 24, "phone": 20.32 }, "line_height": 1.333, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Photo credits heading", "id": "display-s", "face": "display", "size": { "desktop": 24, "phone": 20.32 }, "line_height": 1.333, "tracking_px": 0, "weight": 600, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Donation appeal", "id": "appeal", "face": "display", "size": { "desktop": 20, "phone": 18.16 }, "line_height": 1.4, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Body large (section intros, stats, card copy)", "id": "body-l", "face": "body", "size": { "desktop": 20, "phone": 18.16 }, "line_height": 1.4, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Button", "id": "button", "face": "body", "size": { "desktop": 20, "phone": 18.16 }, "line_height": 1.25, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "note": "nav Donate on phone 16px/20px" }, { "role": "Nav and footer links", "id": "nav", "face": "body", "size": { "desktop": 16, "phone": 18.16 }, "line_height": 1.5, "tracking_px": 0, "weight": 600, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "note": "footer links grow to 18.16px on phone; header nav is hidden on phone" }, { "role": "Body (volunteer bio, footer text)", "id": "body", "face": "body", "size": { "desktop": 16, "phone": 14.16 }, "line_height": 1.5, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Credit link", "id": "link-s", "face": "body", "size": { "desktop": 16, "phone": 14.16 }, "line_height": 1.4, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, { "role": "Meta (category, credit author, consent, legal)", "id": "meta", "face": "body", "size": { "desktop": 14, "phone": 14 }, "line_height": 1.4, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" } ], "components": { "button_donate": { "fill": "#246342", "text": "#FFFFFF", "radius": 4, "height": 49, "padding_x": 16, "font_size": 20, "weight": 700, "face": "body", "border": "2px solid transparent", "example": "Donate now (nav, 150x49)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "states": { "hover": { "prov": "observed", "measured": { "fill": "#DBF3EC", "text": "#246342", "border": "2px solid #246342", "underline": "2px, offset 3px" }, "css": { "background-color": "#DBF3EC", "color": "#246342", "box-shadow": "inset 0 0 0 2px #246342", "text-decoration": "underline 2px", "text-underline-offset": "3px" } } } }, "button_outline_on_blue": { "fill": "none", "text": "#FFFFFF", "ring": "#FFFFFF", "ring_px": 2, "radius": 4, "height": 50, "padding_x": 11, "font_size": 20, "weight": 700, "face": "body", "example": "Donate now on the donation bar (140x50)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "states": { "hover": { "prov": "observed", "measured": { "underline": "2px, offset 3px" }, "css": { "text-decoration": "underline 2px", "text-underline-offset": "3px" } } } }, "button_black": { "fill": "#000000", "text": "#FFFFFF", "radius": 4, "height": 49, "padding_x": 16, "font_size": 20, "weight": 700, "face": "body", "example": "Subscribe (134x49)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "states": { "hover": { "prov": "observed", "measured": { "fill": "#E5E5E5", "text": "#000000", "border": "2px solid #000000" }, "css": { "background-color": "#E5E5E5", "color": "#000000", "box-shadow": "inset 0 0 0 2px #000000", "text-decoration": "underline" } } } }, "link_arrow": { "text": "#0C57A8", "font": "Inter 20px/28px 600", "after": " → (text arrow)", "underline": "none at rest; 2px offset 3px on hover", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "language_button": { "fill": "#FFFFFF", "border": "1px solid #E5E5E5", "radius": 4, "size": "108x48", "content": "translate icon 20px, EN 16px 400 uppercase, chevron 10x7", "hover": "fill #E5E5E5, border #000000", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "carousel_arrow": { "size": "48x48 circle", "ring": "2px #E5E5E5 (enabled) / #BFBFBF (disabled)", "fill": "white disc, black arrow; disabled #BFBFBF disc", "glyph": "icon-carousel-arrow-next.svg (prev = rotated 180deg)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "carousel_button_white": { "size": "48x48 circle", "fill": "#FFFFFF", "border": "1px solid #AAAAAA", "glyph": "black chevron 13x22", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "post_card": { "image": "373x263 radius 4px cover", "category": "10px dot + Inter 14px label, 16px under the image", "title": "Montserrat 24px/33.6px 600 black, 16px under the category", "card_fill": "none (sits on the band ground)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "action_card": { "size": "288x330 desktop, 357x100 phone", "radius": 4, "fill": "one Legacy/Creative strong colour per card", "label": "Montserrat 32px/40px 700 white, bottom-left, 24px side padding, 64px bottom padding", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "stat_item": { "illustration": "80px tall line illustration", "label": "Inter 20px/28px", "number": "Montserrat 48px/64px 600", "divider": "1px #E5E5E5", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "amount_field": { "size": "144x48", "prefix": "48px \"$\" cell #C0E6FF", "radius": 4, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "radio_on_blue": { "size": "20px", "ring": "2px #FFFFFF", "checked": "white inner dot", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "email_input": { "size": "411x48", "border": "1px solid #BFBFBF", "radius": 4, "fill": "#FFFFFF", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "credit_item": { "thumb": "61x61 cover in a 1px #EAECF0 frame", "text": "title link 16px #0C57A8 + Commons icon; author 14px; licence link 16px #0C57A8", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "highlight_chip": { "fill": "#F9DDE9 (rotates through #E9E7C4, #D5D1EC, #C0E6FF)", "padding": "4px 8px", "radius": 0, "size": "214x72 at 48px", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" }, "button_primary": { "fill": "#246342", "text": "#FFFFFF", "radius": 4, "height": 49, "padding_x": 16, "font_size": 20, "weight": 700, "face": "body", "border": "2px solid transparent", "example": "Donate now (nav, 150x49)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "states": { "hover": { "prov": "observed", "measured": { "fill": "#DBF3EC", "text": "#246342", "border": "2px solid #246342", "underline": "2px, offset 3px" }, "css": { "background-color": "#DBF3EC", "color": "#246342", "box-shadow": "inset 0 0 0 2px #246342", "text-decoration": "underline 2px", "text-underline-offset": "3px" } } }, "note": "Alias of button_donate: the green Donate now button" }, "button_secondary": { "fill": "#000000", "text": "#FFFFFF", "radius": 4, "height": 49, "padding_x": 16, "font_size": 20, "weight": 700, "face": "body", "example": "Subscribe (134x49)", "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)", "states": { "hover": { "prov": "observed", "measured": { "fill": "#E5E5E5", "text": "#000000", "border": "2px solid #000000" }, "css": { "background-color": "#E5E5E5", "color": "#000000", "box-shadow": "inset 0 0 0 2px #000000", "text-decoration": "underline" } } }, "note": "Alias of button_black: the black Subscribe button" } }, "breakpoints": { "all": [ 600, 782, 960 ], "phone_max": 781, "prov": "observed", "source": "https://wikimediafoundation.org/ (2026-10-31)" } }, "system": { "fixed": [ "Logo in black or white, wordmark in Montserrat", "Montserrat Bold headlines", "Colours from the Core, Legacy and Creative palettes", "White text only on strong red, blue, green, dark green or purple", "Credit every image", "Plain, neutral, translatable copy" ], "flex": "Which palette colours lead: each affiliate (and each campaign) picks its own 4-6, and the Foundation site rotates them section by section.", "traits": [ { "is": "Neutral", "not": "Opinionated", "text": "Neutral point of view; no personal opinions (paraphrase)", "source": "https://doc.wikimedia.org/codex/latest/style-guide/voice-and-tone.html", "prov": "published" }, { "is": "Clear", "not": "Clever", "text": "Plain English; no idioms or jokes (paraphrase)", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html", "prov": "published" }, { "is": "Trustworthy", "not": "Alarming", "text": "Calm and confident; never cause panic (paraphrase)", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html", "prov": "published" }, { "is": "Joyful", "not": "Childish", "text": "The brandmark celebrates; illustrations hand-made but not childish (paraphrase)", "source": "https://meta.wikimedia.org/wiki/Brand/logo", "prov": "published" }, { "is": "For everyone", "not": "Exclusive", "text": "Accessible, inclusive, translatable (paraphrase)", "source": "https://doc.wikimedia.org/codex/latest/style-guide/writing-for-copy.html", "prov": "published" } ] }, "formats": [ { "format": "Landing page", "level": 3, "must": "Black horizontal logo top left, Montserrat Bold headings, Inter body, one highlighted word, flat colour-block bands, Photo credits band before a #404040 footer", "flex": "Which palette colours fill the bands and cards" }, { "format": "Social post", "level": 4, "must": "Montserrat Bold headline, subhead ~50% Montserrat Regular, logo bottom left, palette ground", "flex": "Ground colour, photo or illustration" }, { "format": "Presentation", "level": 2, "must": "Affiliate template, Montserrat, logo", "flex": "Accent colour" }, { "format": "Product UI", "level": 1, "must": "Codex tokens, components and icons", "flex": "none" }, { "format": "Audio and video", "level": 3, "must": "Sound logo at the end, after all other audio", "flex": "Cutdown length" } ], "checks": [ { "name": "Contrast", "text": "White text only on strong red, blue, green, dark green or purple; black on everything else" }, { "name": "Logo", "text": "Black or white, Montserrat wordmark, clear space 1x small circle, 36 px minimum" }, { "name": "Credits", "text": "Every image credited with title, author, source and licence" }, { "name": "Copy", "text": "Plain English, sentence case, no please/sorry/just/simply" } ], "examples": [ { "chapter": "voice", "do": { "text": "Refresh the page to load the data" }, "do_caption": "Direct instruction (Codex example).", "dont": { "text": "Please try simply refreshing the page to load the data" }, "dont_caption": "Softeners that imply the reader might fail." } ], "make_it_yours": { "note": "Everything above transfers. These are Wikimedia's own and must be replaced with yours: name and logo, purpose, positioning, messaging pillars, proof, taglines and boilerplate.", "replace": [ "identity", "purpose", "positioning", "messaging.pillars", "messaging.proof_points", "messaging.taglines", "messaging.boilerplate" ], "reference": { "purpose": { "mission": { "label": "Mission", "text": "Empower and engage people around the world to collect and develop educational content under a free license or in the public domain, and to disseminate it effectively and globally.", "prov": "published", "source": "https://wikimediafoundation.org/about/mission/" }, "vision": { "text": "A world in which every single human being can freely share in the sum of all knowledge.", "prov": "published", "source": "https://wikimediafoundation.org/who-we-are/" }, "story": { "text": "Founded in 2003, the Foundation hosts Wikipedia and the other Wikimedia projects and supports the hundreds of thousands of volunteers who edit them. The Wikimedia brandmark shows a vaguely human figure raising its arms in celebration; the Foundation logo, drawn in 2005 by Neolux, shows a figure holding an open book.", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/logo", "also": [ "https://wikimediafoundation.org/who-we-are/" ] }, "values": [ { "name": "Knowledge", "means": "Images and stories should communicate knowledge", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Imagery" }, { "name": "Equity", "means": "Representative and diverse, without tokenising people or cultures", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Imagery" }, { "name": "Community", "means": "Shared moments between people; a Wikimedia family album", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Imagery" } ] }, "positioning": { "statement": { "text": "For everyone who reads, writes or relies on Wikipedia, the Wikimedia Foundation is the nonprofit that keeps it free, reliable and independent, because it is funded by readers and built by volunteers rather than run for profit.", "prov": "inferred", "why": "Assembled from the homepage hero line, the Who we are page and the top-10 nonprofit claim; the Foundation does not publish a positioning statement." }, "category": { "text": "Nonprofit that hosts Wikipedia and the Wikimedia projects", "prov": "observed", "source": "https://wikimediafoundation.org/" }, "audience": { "text": "Readers and donors, volunteer editors, partners and policymakers", "prov": "inferred", "why": "The homepage addresses donors (donation bar), volunteers (Edit, Participate) and advocates (Advocate, Our work on policy)." }, "problem": { "text": "Reliable, free information online is under pressure from paywalls, misinformation and AI systems that reuse it without credit", "prov": "inferred", "why": "Our work posts on AI agents, the NYT v OpenAI case and online-safety regulation; the attribution framework page." }, "promise": { "text": "Reliable information shared with the world, free of ads and paywalls", "prov": "observed", "source": "https://wikimediafoundation.org/" }, "differentiators": [ { "text": "The only top-10 website hosted by a nonprofit", "prov": "observed", "source": "https://wikimediafoundation.org/" }, { "text": "Written and fact-checked by volunteers under a neutral point of view", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/" }, { "text": "No advertising or paywalls; funded mostly by small reader donations", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/" }, { "text": "Over 300 languages", "prov": "observed", "source": "https://wikimediafoundation.org/" }, { "text": "Everything freely licensed (CC BY-SA)", "prov": "observed", "source": "https://wikimediafoundation.org/" } ], "alternatives": [ { "text": "Ad-funded platforms and paywalled publishers", "prov": "inferred" }, { "text": "AI chatbots that answer without attribution", "prov": "inferred" } ], "mission_enemy": { "text": "Closed, paid or unattributed knowledge", "prov": "inferred", "why": "Not for sale, attribution framework and advocacy pages" } }, "messaging": { "taglines": [ { "text": "We support human knowledge", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31", "where": "Homepage hero; the highlighted verb rotates through support, protect, fund, open" }, { "text": "Imagine a world in which every single human being can freely share in the sum of all knowledge.", "prov": "published", "source": "https://wikimediafoundation.org/who-we-are/", "where": "The Wikimedia vision, the line the movement words come from" }, { "text": "Built for people, by people", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31", "where": "Homepage section heading on volunteers" } ], "attributes": [ "knowledge", "equity", "community" ], "boilerplate": { "text": "The Wikimedia Foundation is the nonprofit that hosts Wikipedia and the other Wikimedia projects. It supports the volunteers who write and check them, the technology that keeps them fast and private, and the legal and policy work that protects everyone's right to free knowledge.", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/", "source_note": "2026-10-31", "paraphrase": true }, "pillars": [ { "name": "Free and independent", "claim": "Knowledge without ads or paywalls, paid for mostly by readers, so it stays independent.", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/", "proof": [ "p-donation", "p-top10" ] }, { "name": "Built by people", "claim": "Volunteers from all backgrounds write, check and fix Wikipedia; the Foundation supports them.", "prov": "observed", "source": "https://wikimediafoundation.org/", "proof": [ "p-volunteers", "p-edits" ] }, { "name": "The backbone of the internet's knowledge", "claim": "Reliable information at internet scale, in hundreds of languages, used by students and chatbots alike.", "prov": "observed", "source": "https://wikimediafoundation.org/", "proof": [ "p-views", "p-articles" ] }, { "name": "Protecting the right to knowledge", "claim": "Legal and advocacy work to protect access to free knowledge.", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/", "proof": [ "p-advocacy" ] } ], "proof_points": [ { "id": "p-views", "text": "Wikipedia receives nearly 15 billion views each month", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31" }, { "id": "p-volunteers", "note": "Two different published counts: 265,000 volunteers supported each month (stats) and nearly 250,000 volunteers who build Wikipedia (Built for people intro, Who we are). Keep each in its own sentence", "text": "The Wikimedia Foundation supports nearly 265,000 volunteers every month", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31" }, { "id": "p-edits", "text": "Every minute 324 new edits are made to Wikipedia", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31" }, { "id": "p-articles", "text": "Over 67 million articles in 300+ languages", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31" }, { "id": "p-top10", "text": "The only website among the top 10 most visited that is hosted by a nonprofit", "prov": "observed", "source": "https://wikimediafoundation.org/", "source_note": "2026-10-31" }, { "id": "p-donation", "text": "Most funding comes from readers; the average single donation is around $10 (USD)", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/", "source_note": "2026-10-31" }, { "id": "p-advocacy", "text": "Legal and advocacy efforts to protect people's right to free knowledge", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/", "source_note": "2026-10-31" } ], "claim_boundaries": [ { "text": "The Foundation does not make content decisions on Wikipedia: volunteers do (never claim the Foundation writes Wikipedia)", "prov": "observed", "source": "https://wikimediafoundation.org/who-we-are/" }, { "text": "Affiliates are independent: never \"local chapter of the Wikimedia Foundation\" or \"local representative\"", "prov": "published", "source": "https://meta.wikimedia.org/wiki/Brand/Create" } ], "key_messages": [], "prov": "observed", "source": "https://wikimediafoundation.org/" } } } }