Style combination · Pairs well
GOV.UK Design × Plain Tobacco Packaging
Another state system of fixed constants where each colour has one job; borrow its plain wording and one-message-per-surface discipline for the leaflets and screens that sit around a health warning.
Mix them and make something GOV.UK Design Plain Tobacco Packaging
01
What each style brings
Each part of the design comes from the style with the stronger say in it, and each style gives at least two.
GOV.UK Design (GDS Style) Plain Tobacco Packaging
- Type from Plain Tobacco Packaging
- Colour from Plain Tobacco Packaging
- Form from GOV.UK Design
- Composition from Plain Tobacco Packaging
- Surface from GOV.UK Design
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Plain Tobacco Packaging
Atlas
Inter Tight, standing in for Helvetica (Max Miedinger with Eduard Hoffmann, 1957): Australia's warning statements in bold capitals and its explanatory and information messages in upper and lower case, under the Competition and Consumer (Tobacco) Information Standard 2011
Text · GOV.UK Design
The text-led design of GOV.UK, the UK government's single website, built by the Government Digital Service from 2012 and codified in the GOV.UK Design System (2018). Pages are white, with the main content in a two-thirds column set flush left and in sentence case in GDS Transport, a cut of Kinneir and Calvert's road-sign lettering, in two weights. Pictures and icons are avoided. Size, weight and thick rules build the hierarchy, each colour has one job (yellow marks only keyboard focus), and services ask one question per page.
Inter; GOV.UK Design used GDS Transport and Transport, the British road-sign lettering by Jock Kinneir and Margaret Calvert (1957-1963), from which New Transport descends
03
The colours
The ground and leading colours come from Plain Tobacco Packaging, with a counter-accent from GOV.UK Design. The ink reads on the ground at 4.5:1 or more.
GOV.UK Design (GDS Style) Plain Tobacco Packaging
-
#111111ground · 36% -
#ffffffink · 14% -
#ffd100accent · 18% -
#c8102eaccent · 14% -
#1d70b8accent · 10% -
#4a412aaccent · 8%
As CSS
:root {
--ground: #111111;
--ink: #ffffff;
--accent-1: #ffd100;
--accent-2: #c8102e;
--accent-3: #1d70b8;
--accent-4: #4a412a;
--font-display: "Inter Tight", sans-serif;
--font-text: "Inter", sans-serif;
}Use it with care
GOV.UK Design (GDS Style): GOV.UK's branding belongs to the UK government's own services. The Design System tells services that are not part of GOV.UK to replace its branded assets, use a header without GOV.UK branding, use an alternative to the GDS Transport font and drop the GOV.UK brand blue. Borrow the approach, not the identity, and never make a page that could pass as an official government service.
Plain Tobacco Packaging: Graphic health warnings show real disease and are official public-health instruments; WHO's warning database lists the Australian Government as the owner of its warning images, which it may license to other countries free of charge. Use the shock imagery only for genuine health communication, never as decoration or as a parody that could mislead about a product's risks, and check the terms before reproducing a country's actual warning photographs or mandated layouts. Respect the dignity of the people pictured, never generate imagery that could pass for an official warning, and do not turn the drab-pack look into anti-brand styling for tobacco, vaping or nicotine products, which would make a tool against persuasion persuasive again.
04
The two styles
05
More combinations
With GOV.UK Design
- International Typographic Style Pairs well · Swiss flush-left grotesque setting and grid discipline give the same rational base; use it for printed and signage material that should read as the same voice.
- Corporate Memphis Contrasts · Corporate Memphis fills screens with flat cartoon people, which GOV.UK's guidance asks services to avoid; one reaches for friendliness through illustration, the other for inclusiveness through plain text.
- Flat Design Contrasts · Flat design leads with icons, tiles and bright colour fields; GOV.UK removes them and lets words and rules do the work. Compare both when deciding whether an icon helps or only decorates.
- London Transport Design Pairs well · Another British public system held together by fixed constants (one typeface, one emblem, a few colours); borrow its commissioned posters for campaigns that sit outside the plain service pages.
- British Road Signage (Kinneir & Calvert) Pairs well · GOV.UK sets a descendant of the same lettering, GDS Transport (reserved for its own services), flush left on white screens without the colour code or pictograms; pair the two when a public service needs signs and screens to speak in one voice.
- Penguin Paperback Design (Three Bands to the Marber Grid) Pairs well · Both are British systems that set one sans in fixed positions on white and let rules build the hierarchy; GOV.UK refuses pictures and gives each colour one job, so borrow Penguin's one colour per series when a text-led service has to sort many sections at a glance.
- Newsroom Data Graphics & Scrollytelling Pairs well · Both are plain public-information web design on a white column with colours that each have one job; set the charts inside GOV.UK-style plain-text pages for public data releases.
- Legible City Wayfinding (Heads-Up Pedestrian Maps) Pairs well · Civic, research-led and plain-spoken; pair the street maps with GOV.UK's plain screens for a public service that reads the same on the pavement and the phone.
With Plain Tobacco Packaging
- HfG Ulm Systematic Design Contrasts · Ulm's coded colours, single type family and manual built recognition for Braun and Lufthansa; plain packaging uses the same rule-bound specification to erase it, a reminder that a design system can suppress identity as well as build it.
- ACT UP & Gran Fury AIDS Activist Graphics Pairs well · Gran Fury's white capitals on black are the activist cousin of the mandated warning statement; borrow their wit when a health message must persuade without leaning on clinical shock photographs.
- DTC 'Blanding' / Millennial Minimalism Contrasts · Both reduce a pack to one colour and a small sans-serif name, but blanding picks a pleasing pastel to seduce and plain packaging picks the least appealing shade to repel; choose the colour first, because it decides which way the reduction works.
- Cuban Tobacco Lithography (Habilitaciones & Marquillas) Contrasts · The gilded, embossed and bordered cigar label is everything a plain pack is forbidden to be; set the two side by side to show how much of tobacco's appeal was carried by ornament alone.
- Nutri-Score (Front-of-Pack Colour-Grade Label) Contrasts · Plain packaging strips the brand and hands the face to the state; Nutri-Score leaves the brand intact and adds a small standardised inset in the lower third. Decide whether the public message should replace the design or sit inside it.
- Front-of-Pack Warning Octagons (Latin American Food Warning Seals) Contrasts · Plain packaging erases the brand and hands the face to a shock photograph; the octagons leave the brand intact and add a small, uniform black sign. Choose between them by deciding whether the warning should replace the design or interrupt it.
- Analog Horror Graphics Contrasts · Both frighten with the flat, mandatory voice of an official warning: plain packaging does it for real, in print, with matt drab brown, clinical photographs and Helvetica capitals; analog horror fakes it on a screen and lets the signal decay. Borrow plain packaging's uncompromising flatness for a fictional warning screen, and save the noise for the moment the threat appears.
- Muji No-Brand Design (Mujirushi Ryohin) Contrasts · Both strip branding, but one is a regulatory sanction in drab brown and the other a voluntary, serene choice.