Ma, Negative Space, and What UX Design Gets Wrong

Western design culture absorbed Japanese aesthetics and came back with the wrong lesson. It saw empty space and called it minimalism. It saw restraint and called it simplicity. But as Takuma Kakehi argues in UX Collective, Japan doesn’t design with less — it designs with ma.

That distinction is not academic. For digital teams building interfaces across Southeast Asia’s crowded, high-stimulation platforms, understanding what ma actually is — and what it is not — could be the difference between a UI that feels premium and one that just feels unfinished.

Ma Is Not Whitespace. It’s Relational Space.

Ma (間) is a Japanese concept that describes the meaningful pause or interval between things — the space that gives surrounding elements their weight and relationship. It is not the absence of content. It is the presence of intentional distance that shapes how content is perceived.

The practical UX implication is significant. Whitespace as typically applied in Western design thinking is additive: you remove clutter and the remaining elements breathe. Ma is relational: the space itself carries meaning, directing attention and implying hierarchy without explicit visual signalling. A button surrounded by ma doesn’t just stand out — it commands.

For conversion-focused design, this reframe matters. A/B tests on e-commerce product pages routinely show that increasing spatial isolation around a primary CTA — not just padding, but compositional distance from competing elements — improves click-through by 10–20%. That is ma at work, whether the team knows it or not.

Where Southeast Asian Digital Platforms Complicate This

Here is the tension: Southeast Asia’s dominant commerce platforms — Shopee, Lazada, TikTok Shop — are information-dense by design and by user expectation. Shoppers on these platforms are trained to scan, not contemplate. Promotional banners, flash sale timers, and product badges compete for every pixel. Applying ma naively in this environment reads as sparse, not premium.

The resolution is not to abandon the principle but to apply it at the right scale. On a Shopee storefront, ma lives in the product photography — the breathing room around the product against a clean background that makes it feel considered in a sea of noise. On a brand’s owned mobile site, it lives in the scroll rhythm: the deliberate beat between a full-screen hero and the first content block. On LINE OA campaign messages, it’s the single sentence you don’t send.

Muji’s Southeast Asian e-commerce execution demonstrates this well. Their Lazada and Shopee storefronts don’t fight the platform’s density conventions — they adopt the grid — but their product imagery and copy cadence maintain a relational stillness that signals brand character within a constrained canvas.

---

The Failure Mode: Designing Repellence by Accident

Hiroshi Sato’s UX Collective piece on designing repellence for humanity raises an uncomfortable parallel. Writing about physical spaces engineered to discourage human presence — hostile architecture, anti-loitering surfaces — Sato notes that the most effective repellent design is the kind users don’t consciously register as hostile. They simply don’t stay.

Digital interfaces fail the same way. A UI with poorly calibrated spatial relationships doesn’t announce itself as broken. Users don’t file tickets saying “the ma is off.” They just bounce. They hesitate at the checkout. They scroll past the CTA. The data shows drop-off; the cause looks invisible.

This is where the data lens becomes essential. When running funnel analysis on mobile interfaces — particularly on Android-dominant markets like Indonesia, Vietnam, and the Philippines — spatial compression is a systematic culprit that is consistently under-indexed in post-mortems. Teams optimise copy, test button colour, and revisit offer mechanics. The relational logic of the layout rarely gets interrogated with the same rigour.

Three implementation checks worth running on any mobile UI audit: First, isolate your primary action element and measure the nearest competing tap target — Google’s Material Design guidelines recommend 48dp minimum clearance, but ma suggests asking whether the surrounding composition directs the eye, not just avoids accidental taps. Second, review your scroll transitions: is there a beat between content sections, or does information stack without pause? Third, on multi-language builds — critical across SEA — does your spatial logic survive when Thai or Bahasa Indonesia expands text length by 30–40%? Ma that works in English often collapses under a longer string.

From Philosophy to Design System Principle

The operational challenge for marketing and product teams is translating a philosophy into a design system rule that junior designers and agency partners can apply consistently. Abstract concepts break down at handoff.

One approach that works: define ma as a compositional token rather than a spacing token. Most design systems handle spacing as fixed values (8px, 16px, 32px increments). A compositional token instead encodes relationship rules — the primary action must be the only interactive element within a defined visual field radius; section transitions must include a minimum vertical beat that equals 60% of the preceding block’s height; imagery placement must maintain a directional gaze-path toward the next content node.

This translates the relational logic of ma into constraints a Figma component library can enforce. It also survives handoff to developers building on varying screen densities across Southeast Asia’s fragmented Android device landscape — a practical necessity when your audience is browsing on a Xiaomi Redmi at 360px width as often as a Samsung Galaxy at 412px.

The budget implication is modest: the heaviest lift is an initial audit and token documentation sprint, typically two to three weeks of a senior UX designer’s time. The ongoing cost is near zero once the system is built. The return — measured in reduced bounce, improved CTA engagement, and a visual identity that holds together across channels — compounds.

Key Takeaways

• Ma is not whitespace — it is relational space that directs attention and implies hierarchy; treating it as mere padding will undercut both clarity and conversion.
• In information-dense Southeast Asian platforms, apply ma at the right scale: product photography, scroll rhythm, and copy cadence are the levers, not wholesale layout sparsity.
• Encode spatial relationships as compositional tokens in your design system, not just spacing values — this is what survives multi-language builds and device fragmentation.

The deeper question ma raises for digital teams is one of intentionality at scale. As AI-assisted design tools accelerate output and lower the barrier to generating interfaces, the distinguishing craft will increasingly be the quality of relationship between elements — not the elements themselves. The teams that build systems for relational thinking now will have a durable advantage over those still arguing about button radius. What does your design system say about the space between things?

---

At grzzly, we work with brand and product teams across Southeast Asia to build design systems that encode strategic intent — not just visual consistency. If your interfaces are generating data but not generating the clarity you expected, that’s usually a spatial logic problem before it’s a content problem. Let’s talk