What is Nothing's brand color?

Nothing has no brand color in the conventional sense. The entire marketing system runs on pure black, pure white, and a dark slate secondary text tone. There is no accent color, no CTA highlight, no interactive state color that differs from black or white. The 'brand' chromatic signal is the absence of color — the monochrome palette is itself the identity. This places Nothing in a rare category alongside brands like Braun's early output, where restraint is so disciplined that the lack of color becomes the distinguishing characteristic. The only CSS color variables declared are --color-dark (#000000) and --color-light (#ffffff), with no brand accent variable whatsoever.

What typefaces does Nothing use, and what should I substitute?

Nothing runs three proprietary typefaces: Ndot for dot-matrix product name labels (phone(2a), headphone(1)); NType82 for editorial headlines at ultra-light weight 100; and LatteraMonoLL for every label, button, and CTA in uppercase. The three voices are strictly separated by function. Ndot has no standard substitute — the dot-matrix aesthetic requires either a custom font or a pixel/dot grid font like Silkscreen or Press Start 2P as a placeholder. NType82 (ultra-light editorial sans) can be approximated with Helvetica Neue at weight 100 or Aktiv Grotesk Thin. LatteraMonoLL (uppercase mono) substitutes cleanly with JetBrains Mono, IBM Plex Mono, or Space Mono, all rendered in uppercase via CSS text-transform.

How does Nothing's interface convey hierarchy without color?

Nothing's visual hierarchy runs entirely on typeface differentiation and scale — three distinct font families at varying sizes create more layering than a single-family system could with color. Ndot dot-matrix product names at 20-40px read as identity markers; NType82 ultra-light at 24-32px reads as editorial framing; LatteraMonoLL uppercase mono at 11px reads as utility annotation. Photography does the chromatic work: product shots show white hardware, dark backgrounds, and the occasional colored light-glow from the dot-matrix display on the phone screen. The page is not flat — it is richly layered in black, white, gray, and photography — but none of the layer differentiation comes from UI color choices.

What corner-radius scale does Nothing use?

Nothing runs a minimal two-step radius scale: 6px for primary interactive surfaces (buttons, navigation elements) and 8px for secondary containers (product cards, tooltip panels). There are no full-pill buttons and no zero-radius flat surfaces in the interactive layer. The buttons are slightly rounded rectangles — 6px — which is a more contained choice than the pill-dominant systems that Nextdoor or Airbnb use. The restraint in rounding mirrors the overall system's minimal-decoration philosophy: surfaces should read as surfaces, not as soft shapes.

Can I use this DESIGN.md to build a hardware product marketing site?

Yes — feed the file to Claude, Cursor, or any AI tool and it will reproduce Nothing's moves: monochrome palette with zero brand color, LatteraMonoLL uppercase mono for all labels and buttons, NType82 ultra-light for editorial headlines, Ndot dot-matrix for product names, and fashion-editorial photography doing all the chromatic work. The token references resolve cleanly — {colors.ink} for black, {colors.canvas} for white, {typography.label-sm} for the 11px uppercase CTA. One caveat: the 'no color' approach requires photography with enough visual richness to carry the page. On a text-heavy page or a product with low photographic appeal, the monochrome system reads as under-designed rather than disciplined.

Nothing Design System

Nothing's marketing design system as a DESIGN.md file.

About Nothing DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source nothing.tech

Consumer Electronics

Nothing's website commits to a typographic identity that most hardware brands would consider too eccentric: the product names — phone(2a), headphone(1), ear(open) — render in Ndot, a custom dot-matrix display font where each character is built from a grid of circular dots like a transit departure board. The parenthetical model numbers are not punctuation; they are the brand's naming convention, and they appear in Ndot at 20-40px uppercase wherever a product is identified. Samsung's marketing surface uses a bespoke display sans with geometric warmth; Apple leans on San Francisco at tight tracking; Nothing's only display move is a font that looks like it was ripped from a 1980s pocket calculator. The effect is that the hardware itself looks more "designed" than any other element on the page.

The color palette is total monochrome: pure black, pure white, and a dark slate at the mid-gray register. There is no accent, no brand color, no interactive highlight. The primary CTA button — "Discover" — is a black rectangle with white uppercase LatteraMonoLL text at 11px. The secondary action buttons are white rectangles with black text. The system is the only consumer electronics brand in the directory with no chromatic voltage whatsoever; even Braun's marketing surface uses red. This restraint is a positioning statement: Nothing's hardware has transparent backs and exposed internals, and the marketing system mirrors that — nothing hidden, nothing decorative, nothing that isn't load-bearing.

The editorial system behind the monochrome is more layered than the palette suggests. NType82 runs the section headlines at 24-32px in weight 100 (ultra-light), which is an unusual choice for a product brand that competes on spec differentiation — the ultra-light weight signals that the words should recede and the product photograph should dominate. LatteraMonoLL uppercase mono at 11px carries every label, button, nav link, and product category. The three-font pairing — dot-matrix product names, ultra-light editorial, uppercase mono utility — gives the system a texture no brand competitor attempts.

What makes it distinct

Zero brand colorthe entire system runs on pure black, pure white, and a single mid-gray for secondary text; there is no accent, no CTA highlight, no color whatsoever
Three-typeface systemNdot dot-matrix for product names, NType82 ultra-light for editorial headlines, LatteraMonoLL uppercase mono for every label and button
Dot-matrix product namingproduct identifiers like 'phone(2a)' and 'headphone(1)' render in Ndot, the brand's custom dot-matrix display font; the parentheses are typographic convention
Fashion-editorial photographyeach product section pairs a close-up device shot with a model wearing or holding it, cropped dramatically with high contrast
Uppercase mono as the only label voiceLatteraMonoLL in 11-14px uppercase carries every button, nav link, product tag, and CTA; there are no mixed-case labels

Live at nothing.tech

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

nothing.tech

Explore Nothing

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

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Nothing design system FAQ

Common questions about Nothing'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.

Nothing — official site

Nothing'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.