CURATED · OPEN · FREE

Nothing

A stark, monochromatic aesthetic centered on typographic precision and high-contrast UI elements.

hardwareproduct

↓ Download design system (16 MB)Open in OpenDesign

Visit: https://nothing.tech

📦 Browse pack contents →

Identity DNA

minimalisttechnicalpremiummonochromaticdot-matrix

a high-precision technical blueprint or a luxury industrial component

Color

#000000Ink

#585A5AInk soft

#F5F5F5BG

#FFFFFFBG soft

#E5E7EBMuted

rgba(229,231,235,1)Line

High-contrast monochrome with a strict adherence to a neutral gray scale.

Typography

geometric-serif · grotesque-sans · dot-matrix

display-large40px · 400
display-medium24px · 400
body16px · 400
caption11px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Standard 4px base grid

Surfaces

sm · 6px

md · 8px

lg · 12px

pill · 9999px

1px solid #E5E7EB

0px 0px 0px 1px rgba(229,231,235,1)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Modal centered vertically and horizontally with generous padding.

Motion & Interaction

100msmicro

200mssmall

400msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Fade in/out with opacity · Subtle transform on hover

Opacity or subtle transform changes on interactive elements. · Standard pointer cursor on all clickable elements.

Components

button Primary: Black filled pill with white text. Secondary: Text with a 1px solid underline.
card Modal container with a subtle 1px border and pill-shaped buttons.
chip Text-based labels with standard sans-serif styling.
input Minimalist text inputs with clean lines.
hero Centered, vertically stacked layout dominated by display typography.

Voice & Don'ts

Tone Informative and direct.
Headlines Short, all-caps statements.
CTAs Clear, action-oriented, uppercase.

don't use rounded containers — screenshot shows pill-shaped buttons (radius: 9999px) and slightly rounded modal corners (6px-8px).
don't use multiple colors — screenshot shows a strictly monochrome palette of black, white, and a single neutral gray.
don't use decorative sans-serif fonts — screenshot shows a geometric serif for display and a standard grotesque sans for body.
don't use heavy drop shadows — screenshot shows subtle borders or very soft, diffuse shadows for depth.
don't use centered text for long paragraphs — screenshot shows strictly centered short-form UI copy.
don't use lowercase for primary CTAs — screenshot shows all-caps for buttons and display text.
Avoid: Ambiguous phrasing
Avoid: Overly friendly or casual language
Avoid: Complex sentences

Inside the pack — real screenshots

Nothing — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

A minimalist, high-contrast design system for a premium hardware brand. Key colors are pure black (#000000) and a light neutral gray (#F5F5F5). Typography uses a geometric serif for display and a clean grotesque sans for body. Critical donts: avoid colorful accents, don't use complex shadows, and never use lowercase for CTAs. The layout is strictly centered and monochromatic.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko