colors

ブランド固有色は持たず、無彩色のみで UI を構成。色は作品写真の中だけに存在する設計方針。Bootstrap 4 系のシステム色も内部に残るが、UI 表面ではほぼ使われない。

White
#ffffff
Text Primary
#212529
Text Caption
#5a5a5a
Text Charcoal
#5a5757
Surface Pill
#f2f2f7
Border Form
#ced4da

typography

Helvetica Neue（ナビ・ラベル）+ 游ゴシック（和文・キャプション）の役割分担。ナビには letter-spacing 1px の小キャップス調が共通言語。line-height は 1.5 で統一。

Section H / 14px / Helvetica / 1.2 / 1px
clients
Project Title / 24px / Yu Gothic 700 / 1.5
HRMT
Project Sub / 17.6px / Yu Gothic / 1.5
多様な料理ジャンルと人材が相乗効果を生むリブランディングプロジェクト
Body / 16px / Yu Gothic / 1.5
nendo は、デザインオフィスとして、プロダクト・建築・インテリア・グラフィック・パッケージなど、領域を横断するデザインのプラクティスを行っています。日々の暮らしに小さな "！" の気付きをもたらすことを大切にしています。
Nav / 14px / Helvetica / 1.5 / 1px
works · about · contact · online store
Sub Date / 12px / Yu Gothic / 1.5
SNCF Voyageurs / 2025
Footer / 10px / Yu Gothic / 1.5
online store

works

HRMT
多様な料理ジャンルと人材が相乗効果を生むリブランディングプロジェクト
Hermitage Group / 2025
MAQL
裏と表が曖昧なハンドバッグ
Maqual / 2025
TGV
滑らかに流れる川のような新型高速列車
SNCF Voyageurs / 2025
SAKURA
桜の花びらをモチーフにしたコスメティックパッケージ
Cosmetic Brand / 2024
CUTLERY
手の延長として機能する一体成型のステンレスカトラリー
Tableware Co. / 2024
CHAIR
座面のたわみが体をやわらかく受け止める椅子
Furniture Brand / 2024

clients

SNCF
CASSINA
SHIKI
ISSEY
MUJI
DAIKIN
PANASONIC
+ more

buttons

UI 上の唯一のカラーピル要素は "online store"。それ以外はテキストリンクのみ。

online store works about contact

forms

会社名を入力してください

elevation

影をほぼ使わない設計。写真の存在感が主役で、UI 側はギャラリー壁のように透明。

Level 0 — Border
Level 1 — Hover
Level 2 — Modal

layout

4 カラムグリッドが推奨（works ページのプロジェクトサムネイル）。Gutter 16〜24px。Spacing は 8px ベース。