What is Domino's primary brand color?

Domino's captured international marketing surface runs two chromatic colors: steel blue (#10789f) and brand red (#e3193b). The steel blue is the structural voltage — it fills the global header bar, colors every h3 region heading, and carries the h2 banner headline background, accounting for 14 total occurrences across text (6), background (2), and border (6) roles. The brand red (#e3193b) appears exactly once, as the fill of the 'UNSUBSCRIBE' CTA button. The classic Domino's red-and-blue tile logo is present in the header but the brand's CSS exposes no red token beyond the single CTA instance. On this particular surface, steel blue is the more prevalent brand signal.

What typefaces does Domino's use, and what are good substitutes?

Domino's runs two typefaces on the international landing page: One Dot Condensed Bold for all heading tiers (h2 and h3, always uppercase, at 17–26px) and Arial for every body, link, label, and nav-text instance (at 12–13.2px). One Dot Condensed Bold is a proprietary brand typeface; the closest open-source substitute for the all-caps condensed heading role is Bebas Neue or Barlow Condensed Bold at similar sizes. Arial is a system font available universally — no substitution needed. The split between the custom condensed headline face and the system body face means the brand typeface only appears at heading scale; a reader interacting with nav links and country names sees exclusively Arial.

What colors make up Domino's background and surface system?

Domino's international page runs three surface tones: pure white (#ffffff) for all card backgrounds and the main page canvas, a light gray (#eeeeee) for one section fill, and a pale gray (#d9d9d9) used once as a divider or shadow element. The dominant non-white surface is not a tinted off-white or a warm neutral — it is flat #eeeeee, a purely neutral cool gray. Cards holding the country lists sit on pure white with a very faint 1px gray border rendered by #858585 at low opacity or #d9d9d9. The system has no warm or tinted surface; every canvas is either pure white or neutral cool gray.

What corner-radius philosophy does Domino's use?

Domino's international surface uses almost no corner radius. The single captured radius value is 3px, appearing once on a chip-style UI element. Every card container, the header bar, the region panels, and the email input field all render with zero border-radius — perfectly square corners. This near-zero radius language is the most industrial of any fast-food brand in the design directory; even utilitarian brands like McDonald's and Subway use 4–8px standard rounding on cards. The 3px token exists as a minimum-rounding concession for small chips but is not applied broadly.

Can I use this DESIGN.md to build an international or multi-region landing page?

Yes — feed this file to Claude or an AI coding tool and it will reproduce Domino's exact moves on this surface. Key patterns: steel-blue (#10789f) flat header bar with centered One Dot Condensed Bold uppercase headline, white square-corner cards for regional content groups, One Dot Condensed Bold at 26px for region h3 titles, Arial at 13.2px for all country-list links, and near-zero corner radius throughout. The palette is also instructive for international pages where photography would add localization complexity — a graphite-and-steel near-monochrome lets geographic data cards read without chromatic noise. One caveat: One Dot Condensed Bold is proprietary; substitute Bebas Neue or Barlow Condensed Bold for open-source implementations.

Domino's Design System

Domino's international marketing design as a DESIGN.md file.

About Domino's DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source dominos.com

Food & Delivery

Domino's international landing page is so disciplined in its restraint that describing it almost requires listing what is not there. No gradient. No photography. No shadow. No radius beyond a single 3px chip. The page is a functional directory: five geographic regions, each in a white card, region names in One Dot Condensed Bold uppercase steel-blue, and country names in plain Arial at 13.2px weight 400 beneath them. The header is a flat steel-blue bar with the domino-tile logo and a centered all-caps banner headline. That is the entire visual vocabulary above the unsubscribe form at the bottom. Where Pizza Hut and Papa Johns run photography-led heroes with gradient CTAs, Domino's international surface is closer to a government directory than a consumer marketing page.

The DESIGN.md file packages the system into a machine-readable spec for React and AI tools. Inside: 9 color tokens drawn from a near-monochrome palette of dark graphite (#333333), medium gray (#858585), white, steel-blue (#10789f), and a single brand red (#e3193b) appearing once as an "UNSUBSCRIBE" button fill. Six typography tokens span One Dot Condensed Bold (at 17–26px uppercase for headings) and Arial (at 12–13.2px for all body, labels, and interactive text). One radius token at 3px — the minimum in the scale. Ten spacing tokens from 1px to 30px. Thirteen component definitions covering the steel-blue header bar, all-uppercase region headers, white country-list cards, the minimal text input, and the single red CTA button.

Feed this file to Claude or Cursor and it will reproduce Domino's exact moves on this surface: flat steel-blue header with centered uppercase display, white square-corner cards holding two-column country link grids in Arial 13.2px, and a near-zero radius language that signals function over form. The system is worth studying as a case study in typographic hierarchy without chromatic hierarchy — all the differentiation between region title, country link, and global header comes from typeface, case, and size rather than from color diversity.

What makes it distinct

One Dot Condensed Bold all-capsthe custom brand typeface locks every heading in uppercase condensed, regardless of size, creating a uniform announcement register
Steel blue as structural brand voltage#10789f carries the header bar fill and every h3 heading color on the international page; the brand red appears only once as a CTA fill
Near-monochrome workhorse98 of 98 nav-link and body text instances run in Arial at 13.2px; the brand typeface is reserved for headings only
Almost no radiusa single 3px chip radius is the only rounding in the captured surface; every card, input, and container is square-cornered
Graphite-heavy palette#333333 (dark gray) and #858585 (medium gray) account for 459 of 462 total color occurrences; the system reads as graphite-and-steel

Live at dominos.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

dominos.com

Explore Domino's

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Brand & Accent

Sparing, CTA-only voltage.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Domino's design system FAQ

Common questions about Domino's's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Browse all design systems

The full directory of DESIGN.md files on shadcn.io, with live mockups for each.

Domino's — official site

Domino's public marketing site — the source of truth for the live tokens captured in this file.

The DESIGN.md specification

Google Labs' open spec for machine-readable design system files — the format this page is built on.