Novi UI

Lookbook

服の色決めと同じ道具立て — トーンイントーン、カラーウェイ、ルックブック — で UI の色を設計しています。作っているのはアパレルを営む人間で、これはその見本帳です。 トーン(明度と彩度のレシピ)はモデルが所有し、色は名前と由来を持ちます。 右上でモデルを切り替えると、見本帳もそのモデルの染料に掛け替わります。 染料は服に仕立てて初めて発色が分かるので、試着室で同じ一着を全色に着せ替えられます。 使うときは data-novi-color に色の名前を渡すだけです。

Raster — Print Inksトーン L44 / C0.090 · dark L74 / C0.090

印刷インク。全色が顔料・インクの実名を持ちます。紙(中立色)は染まらず、インクだけが替わります。紫・青緑・ピンクは意図的に入れていません。入れない色が、このモデルの性格を作ります。

LIGHT相方 Brick
DARK相方 Brick
InkDEFAULT

万年筆の藍黒。書き物の色。既定色

hue 268 · oklch(44% 0.09 268)

LIGHT相方 Ochre
DARK相方 Ochre
Prussian

紺青。18世紀からある合成顔料の名

hue 235 · oklch(44% 0.09 235)

LIGHT相方 Ochre
DARK相方 Ochre
Forest

深い常緑。製図インクの緑

hue 160 · oklch(44% 0.09 160)

LIGHT相方 Ink
DARK相方 Ink
Olive

オリーブドラブ。土に近い緑

hue 125 · oklch(44% 0.09 125)

LIGHT相方 Prussian
DARK相方 Prussian
Ochre

黄土。最古の顔料のひとつ

hue 70 · oklch(44% 0.09 70)

LIGHT相方 Ink
DARK相方 Ink
Brick

煉瓦の朱。スイスポスターの赤の末裔

hue 35 · oklch(44% 0.09 35)

LIGHT相方 Ochre
DARK相方 Ochre
Bordeaux

ワインの澱の赤

hue 12 · oklch(44% 0.09 12)

LIGHT相方 Brick
DARK相方 Brick
Graphite

黒鉛。色を消すという選択肢

hue 270 · oklch(44% 0.02 270)

決めごと

定番だけ
シーズナルドロップはしません。8色で止めるから、全色 × 全モデル × light / dark の組み合わせをコントラスト検査で数え切れます。
相方が組で付く
差し色は考えなくていい。選んだ色の相方が secondary として付いてきます。2色刷り(Raster)、バイカラー(Tactile)、ダブルエントリー(Flatlay)、いつでも同じセット内の色です。
染料と生地
トーンはモデルの持ち物です。Raster は染まらない紙、Tactile は染まる生地、Flatlay は罫線だけが染まる文具。切り替えても、色相の顔ぶれだけが替わります。