Design Lab · Phase 2 · Shortlist · noindex

モダン × オフホワイト/アナログ感 — ピック shortlist v5

#5 Oku を構造ベンチマークに確定。除外は非掲載。 次は共通トークンセットをサイト版で切り替えて採用を決める → /design-lab/tokens

Token sets · UI system · Concept · Preview · 2026-07-20 · v5

  1. 1. 洗い出し — 完了(v4)
  2. 2. ピック — Oku をベンチマークに確定(v5)
  3. 3. テイスト抽出 → サイト版トークン完遂(いまここ)
  4. 4. bakko 転用 — 選んだ版を聖域と突合して tokens-proposed へ
  5. 5. ブラッシュアップ — UI / 本番面へ反映

刺さる軸

書物をデータとして扱う図書館UI(Oku)+ 編集的静けさ(Claude/Anthropic/Medium)。プロ級の洗練が最低ライン。

signal

  • 書影をデータとして扱うグリッド/行(ライフスタイル写真ではない)
  • 薄い床・細い罫・余白の呼吸
  • セリフ見出し or UIゴシック × メタの階層
  • アクセント稀少(蛍光黄・テラコッタは聖域として温存)

noise(外す)

  • 到達不能サイト
  • 方向違いのキュレーション演出(Obys / Dederde 系)
  • ブランド色が強すぎる研究カタログ(Duolingo 系)
  • グラフ/ツール過多(Connected Papers 系)
  • ダサい/惜しい編集マーケ面
  • 11 サイト
  • キャプチャ 24
  • A 5
  • B 6
  • C 0
  • out 0
#1A

Claude / Anthropic

4面

ai-research · cream

【hit】紙床・セリフ・Publications 索引。材料ベンチ。

#2A

Medium

2面

editorial · cream

【hit】暖かいオフ白の長文床。

#3A

Cursor

2面

dev-tool · mixed

【hit/品質バー】洗練・セクション呼吸。

#4A

Contra Labs

2面

ai-research · cream

クリーム紙+研究の静けさ。

#5Abenchmark

Oku

4面

library · warm-gray

【benchmark】書影をデータとして扱う図書館。タイル/行/セクション見出し+件数。構造の基準点。

#7B

The New Yorker · Critics / Books

2面

editorial · light

書評グリッド。セリフ+カテゴリラベル。

#9B

Literal

2面

library · cream

棚=書影行。読む前/後状態 UI の参考。

#13B

OpenAI Research / Index

2面

research-index · light

索引構造は強い。純白寄りなので床は bakko 紙色へ。

#15B

Elicit

2面

research-index · light

論文テーブル密度の参考。ツール感は借りない。

#17B

TM Research Archive

1面

research-index · light

索引アーカイブの俯瞰→詳細。

#20B

Kinfolk

1面

editorial · cream

トーン参照のみ。書物データ構造は Oku 側。

次フェーズ

#1 #3 #5」のように番号でピックを送ってください。 抜けがあればサイト名でも可。