Style combination · Contrasts

GOV.UK Design × Japanese Dense Web Design

GOV.UK's one thing per page answers the same public-information brief the opposite way; set mhlw.go.jp beside gov.uk to weigh completeness on one screen against step-by-step disclosure.

From the research on Japanese Dense Web Design

Mix them and make something GOV.UK Design Japanese Dense Web Design

A sample layout drawn from the recipe: shapes from GOV.UK Design, their arrangement from Japanese Dense Web Design, the finish from GOV.UK Design. Not a real work, and not an image of either style.

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) Japanese Dense Web Design

Type from GOV.UK Design: Grotesque & neo-grotesque
Flush left, ragged right
Colour from Japanese Dense Web Design: Full polychrome
Flat fields
Form from GOV.UK Design: Rectilinear
Rules & bars
Composition from Japanese Dense Web Design: Column grid
Framed panels
Surface from GOV.UK Design: Flat

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · GOV.UK Design

Order

Inter Tight, standing in for Arial, the fallback in GOV.UK Frontend's font stack ('GDS Transport', arial, sans-serif)

Text · Japanese Dense Web Design

The information-packed look of Japan's big portals, shops, airlines and ministries: three or more narrow columns of boxed modules, crowded with small Japanese text, blue links, tiny thumbnails, dated news lists and rotating ad banners, in bright colours on a white page. Grown from the link directories of the late-1990s portals, often tied to the text-heavy phone web of i-mode, and kept by Yahoo! JAPAN, Rakuten and Kakaku.com into the 2020s, it puts completeness before calm and builds hierarchy with colour and boxes instead of type size.

Zen Kaku Gothic New; Japanese Dense Web Design used MS PGothic (ＭＳＰゴシック), distributed with Windows from Windows 95, the Windows fallback in the font stacks of mhlw.go.jp, kakaku.com and Rakuten Travel and Meiryo (C&G Inc., Eiichi Kōno and Takeharu Suzuki, with Latin letters by Matthew Carter after Verdana), the default Japanese system font from Windows Vista, first in kakaku.com's stack

The colours

The ground and leading colours come from Japanese Dense Web Design, 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) Japanese Dense Web Design

#ffffff ground · 36%
#333333 ink · 14%
#0650cb accent · 18%
#ffdd00 accent · 14%
#bf0000 accent · 10%
#d3b134 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #333333;
  --accent-1: #0650cb;
  --accent-2: #ffdd00;
  --accent-3: #bf0000;
  --accent-4: #d3b134;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Zen Kaku Gothic New", 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.

Japanese Dense Web Design: Treat this as one Japanese web convention among several, not as a national essence or simply as bad design: commentators argue the density serves readers who want complete information before deciding (McGowan, 2018; Fujitsu Benelux, 2025), and many Japanese brands (MUJI, UNIQLO, POLA) choose minimal sites. Similar density appears on Korean portals such as Naver, which Fujitsu Benelux sets beside Yahoo! JAPAN, and Cruz found other regions that write in CJK characters close to Japan, so do not present it as uniquely Japanese. Dense pages still need accessibility work: offer a text-size control and a pause button for rotating banners, as mhlw.go.jp does, and give headlines lettered as images real text or alt text.