Sumi-e Inspired Design

The Essence of the Brush

Where ink meets silence, and the space between strokes holds as much meaning as the marks themselves.

Scroll

Philosophy

Emptiness is Form

In the tradition of sumi-e, the artist does not seek to reproduce what the eye sees but to capture the spirit that animates the subject. A bamboo stalk painted in six strokes carries more life than a photographic rendering, because the brush conveys ki — vital energy — through its movement.

We apply this principle to digital design. Every element earns its place through purpose, not decoration. The generous emptiness between components is not absence but presence — the ma that gives each element its weight and significance.


Letterforms

Typography

Display — Cormorant Garamond Light
The void speaks louder than ink
Heading — Cormorant Garamond 300
Economy of means: express the maximum
with the minimum
Body — EB Garamond Regular
The emotional register of Ink Wash design is one of meditative calm, intellectual clarity, and quiet sophistication. Surfaces feel like handmade paper. Transitions evoke the slow diffusion of ink into wet fibers. Interactions are gentle and unhurried.
Calligraphic — Zen Old Mincho
水墨画 — Water Ink Painting
Meta & UI — Inter Light
Captions • Labels • Navigation • Metadata • Timestamps
Pull Quote — Cormorant Garamond Italic
“Sumi is black and yet it is not black” — the monochromatic ink paradoxically suggests the full spectrum of color
Tonal Scale

Color Palette

Concentrated Ink #0D0D0D
Rich Ink #1A1A1A
Dark Wash #333333
Medium-Dark #4D4D4D
Medium Wash #6B6B6B
Light-Medium #8A8A8A
Pale Wash #A8A8A8
Faint Wash #C4C4C4
Mist Wash #DCDCDC
Warm Paper #EDECE8
Rice Paper #F5F4F0
Xuan Paper #FAF9F6
Vermilion Seal #C23B22
Dark Vermilion #8B2500
Warm Ink #4A3728

Principles

The Six Fundamentals

01

Brush (Fude)

The tool is an extension of the mind. Every interaction must feel as intentional and alive as a loaded brush touching paper.

02

Ink (Sumi)

From a single pigment, infinite expression. Our monochromatic palette contains all the tonal depth needed to communicate clearly.

03

Paper (Kami)

The ground receives and transforms. White space is not empty canvas waiting to be filled but a luminous presence that shapes every mark.

04

Water (Mizu)

The invisible medium that controls everything. Dilution creates depth, softness creates atmosphere, and flow creates the rhythm of the page.

05

Void (Ma)

The meaningful emptiness between elements. Negative space is the silence between notes that transforms sound into music, marks into art.

06

Spirit (Ki-in)

The vital resonance that animates the whole. Design should convey the living essence of content, not merely its surface appearance.

Visual Techniques

CSS Effects

Horizontal Mist

Fog rolling across a valley, rendered with a horizontal linear gradient of near-transparent ink.

Radial Ink Bleed

Centered ink drop diffusing outward through wet paper, created with a radial gradient.

Mountain Silhouette

Atmospheric perspective with layered gradients suggesting distant peaks dissolving into mist.

Corner Wash Spill

Asymmetric ink pooling in one corner, breaking symmetry with deliberate imbalance.

Paper Grain Texture

Subtle fibrous rice paper texture using an SVG data-URI pattern with multiply blending.

Wet-on-Wet Diffusion

Multiple ink drops merging on damp paper, layering radial gradients at varying positions.


Interactive Elements

Buttons


“In ink painting, the void speaks louder than the brush. What is left unpainted carries the deepest meaning.”
— Traditional Sumi-e Wisdom
Begin

Start a Conversation

Like the meeting of brush and paper, every collaboration begins with a single point of contact. We would welcome the opportunity to bring contemplative clarity to your next project.

Get in Touch