Design system
MMMD web style guide
Logo
Primary · on white or MistReversed · on Ministry NavyUsage
Minimum height 48 px on screen. Clear space equal to the “ZIMBABWE” ribbon height on all sides.
Never recolour, stretch, crop the ring or place on photography without a solid panel.
Pair with the motto “Sustainable Mining: Our Legacy” in Source Serif italic.
Colour
Aa
Ministry Navy
Primary · from emblem ring
#1B2A4EPrimary · from emblem ring
Aa
Deep Navy
Hover, dark sections
#13203DHover, dark sections
Aa
Night Navy
Utility bar, footer base
#0B1530Utility bar, footer base
Aa
Emblem Silver
Rules, ring accents
#C3C9D3Rules, ring accents
Aa
Crest Gold
Accent fills (dark text only)
#E5B01AAccent fills (dark text only)
Aa
Gold Text
Eyebrows on light grounds
#7A5C00Eyebrows on light grounds
Aa
Ink
Body text
#141A2ABody text
Aa
Slate
Secondary text (7.6:1)
#4A5368Secondary text (7.6:1)
Aa
Mist
Section ground
#F3F5F8Section ground
Aa
Star Red
Errors, required marks
#B3261EErrors, required marks
Typography
Source Serif 4 — Headings
H2 · 36 / 30 px
H3 · 22 px
Public Sans — body text at 16–18 px with 1.5–1.6 line height for long-form reading.
Eyebrow · 13 px caps
Controls
Focus state 3 px gold ring, 3 px offset on every interactive element
Error: Enter your full name
Government standards built in
WCAG 2.2 AA4.5:1 text contrast, visible focus, 44 px targets, keyboard-only paths, alt text on every image
Three official languagesEnglish, chiShona and isiNdebele switcher on every page; plain-language copy
Data protectionConsent + privacy notice on every form, aligned to the Cyber and Data Protection Act
Low-bandwidth firstWebP/AVIF images, lazy loading, < 1.5 MB home page, works on 3G
Trust signalsOfficial-site banner, coat of arms, .gov.zw domain, last-reviewed date on content
Open publishingEvery document shows format, size and date; accessible versions on request