A design system study · 設計研究

Paper, folded.

折る — to fold

ORU is an interface language built from a pack of origami paper: twenty-seven quiet colours, the grain of unbleached stock, and the discipline of the fold. Nothing decorated. Everything considered.

27 colours 80 sheets 150 mm square 1 red

Palette色

Twenty-seven sheets, chosen the way a paper buyer chooses: deep colour without brightness, undyed neutrals, one red for the wordmark. Select a swatch to copy its hex value.

Grain紙目

Paper is never flat. A fractal-noise overlay at 4–12% gives surfaces the photographic tooth of unbleached stock — visible when you look closely, invisible when you read. Multiply on light paper, screen on ink.

/* paper grain — feTurbulence as a data URI */
.grain::after {
  content: '';
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,…");
  background-size: 300px 300px;
  mix-blend-mode: multiply;
  opacity: 0.04; /* 0.04–0.12 */
}

Grain 04: paper white · multiply

Grain 08: kraft · multiply

Grain 12: sumi ink · screen

Typography書体

A quiet grotesque for Latin text、静かな明朝体 and a Mincho face for Japanese.

Switzer Light — fold, do not decorate 300 · display

Switzer Regular — body text at sixteen pixels 400 · body

Switzer Medium — labels and navigation 500 · UI

Zen Old Mincho — 折り紙は飾らない mincho · JP

text-xs12px floor — metadata, hex codes

text-sm14px — buttons, navigation

text-base16px — body copy, the reading default

text-lg18–24px — section headings

text-xl24–36px — page titles

text-2xlOne hero only

Fold notation記号

The eight marks of the craft, drawn on a 56-pixel grid. Dashed is a valley fold toward you; dash-and-dot is a mountain fold away.

Valley fold谷折り — dashed, toward you

Mountain fold山折り — dash-dot, away

Fold & unfold折って戻す — crease only

Turn over裏返す — flip the sheet

Rotate回転 — quarter turn

Squash fold押しつぶす — press flat

Petal fold花びら折り — lift the point

Reverse fold引き返し折り — tuck inside

Pattern library作品

Six classics, from first fold to finished form. Open a guide and step through the folds — arrows and crease lines use the notation above.