DESIGN LANGUAGE

見た目より先に、判断の言語。

主役、呼吸、声、署名を揃えます。

SIX PRINCIPLES

画面を揃える、六つの判断。

01

密度

1画面1主役、視線は3手。

02

余白の律

同じ話を寄せ、違う話を離す。

03

文字の階層

語りかけ、読める本文、揃う数字。

04

動きの作法

状態の変化だけを動かす。

05

光と影

平面に一段だけ奥行きを置く。

06

声

言い切り、近すぎない敬語。

n=6 原則 · 出典: DIGIT-DESIGN-LANGUAGE.md

SEVEN SIGNATURES

意味を持つ、七つの署名。

社章の幾何一本の結線数字の顔判定の印AI開示帯余白の一点フォーカスの指輪

n=7 署名 · 出典: DIGIT-DESIGN-LANGUAGE.md

VARIATIONS / SAMPLES

棚ごとに変奏する、三つの見本。

n=3 見本 · 出典: 公開デザイン見本台帳

本文は16px以上。reduced-motionで移動と反復を止め、キーボードの焦点を見えるままにします。

次の面へ進みます。

作った物を見る →