Cultural & regional · Ancient — contemporary
Japanese Ma (間)
Negative space that is not empty but full of presence: the pause between notes, the gap between posts, the silence that makes the sound meaningful.
Live preview base style — press Wear
$2,100
Revenue, up 12% from last month.
| Customer | Plan | Status | MRR |
|---|---|---|---|
| Northwind | Studio | Active | $1,240 |
| Acme Labs | Team | Trial | $0 |
| Kaldi Coffee | Studio | Active | $860 |
Use this style 16 tokens
- --bg
oklch(98% 0.006 78) - --fg
oklch(14% 0.015 52) - --muted
oklch(55% 0.01 62) - --surface
oklch(99.5% 0.003 80) - --surface-2
oklch(95% 0.008 76) - --border
oklch(87% 0.008 72) - --accent
oklch(52% 0.24 26) - --accent-fg
oklch(99% 0 0) - --focus
oklch(52% 0.24 26)
| Token | Value |
|---|---|
| --font-body | 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', system-ui, sans-serif |
| --font-display | 'Noto Serif JP', 'Hiragino Mincho ProN', Georgia, serif |
| --font-mono | ui-monospace, 'SFMono-Regular', monospace |
| --radius | 0px |
| --radius-sm | 0px |
| --shadow | none |
| --shadow-lg | 0 4px 20px oklch(14% 0.015 52 / 0.07) |
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;700&family=Noto+Sans+JP:wght@300;400&display=swap');
:root {
--bg: oklch(98% 0.006 78);
--fg: oklch(14% 0.015 52);
--muted: oklch(55% 0.01 62);
--surface: oklch(99.5% 0.003 80);
--surface-2: oklch(95% 0.008 76);
--border: oklch(87% 0.008 72);
--accent: oklch(52% 0.24 26);
--accent-fg: oklch(99% 0 0);
--focus: oklch(52% 0.24 26);
--font-body: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', system-ui, sans-serif;
--font-display: 'Noto Serif JP', 'Hiragino Mincho ProN', Georgia, serif;
--font-mono: ui-monospace, 'SFMono-Regular', monospace;
--radius: 0px;
--radius-sm: 0px;
--shadow: none;
--shadow-lg: 0 4px 20px oklch(14% 0.015 52 / 0.07);
}Where it came from
Origin: Japan — the aesthetic concept of ma (間), meaning pause, gap or interval
Ma is a Japanese concept found across architecture, music, theatre, garden design and visual arts. In architecture it describes the spatial interval between structural elements; in music, the pause between sounds. It appears in the spacing of stepping stones across a garden, the blank in a calligraphy scroll, the pause in a Noh performance. In graphic design its influence appears in the work of studios that treat emptiness as active composition rather than accidental vacancy.
How to spot it
- Vast, considered negative space — the blank is part of the composition
- Restrained ink: one or two elements per view, placed with precision
- Asymmetric, off-centre placement that makes the white space work
- Quiet typographic presence — often small type, heavy silence around it
Trade-offs
| Strengths | Weaknesses |
|---|---|
| The eye rests and then focuses — content lands with more weight | Very easy to misread as under-designed or incomplete |
| Quiet luxury positioning without explicit opulence | Demands content that can carry the weight of all that space |
| Highly distinctive in a world of packed, dense layouts | Does not scale to data-dense or utility-heavy applications |
In the wild
- Muji packaging and store interiors
- Japanese architecture photography monographs
- Comme des Garçons advertising
Use it when
A single product, luxury brand or portfolio where each element deserves full attention.