← UI catalog·Token sets·Survey·LLM cover·Before/After

Lab preview

ラボ採用案を本番の面に仮適用して確認します。本番CSSの既定値は変えません。

ラボ採用いま決まっている改善

  • Soft well · r2書影は凹面ウェル＋角 max 2px。黒い1px枠はやめる。
  • ゴシック bold をやめるUIリンクはゴシック regular。書名リンクは明朝 regular。強調は蛍光ペンと明朝に任せる。
トップで見る →

字重（ゴシック bold をやめる）

WEIGHT

editorial

ラボ採用

UIリンクはゴシック regular。書名リンクは明朝 regular。強調は蛍光ペンと明朝へ。

トップで見る →

書影パターン

採用は L6A · Soft well · r2。 他は比較用に残せます。

L6A

Soft well · r2

ラボ採用input well

ウェルは残し、書影の角は最大 2px。紙の直角をほぼ保つ。

一覧適性: 高め

トップで見る →
L1

Whisper float

Claude

線なし。弱い多層影だけで浮かせる。

一覧適性: 高め

トップで見る →
L2

Soft radius

ChatGPT

角丸＋ソフト影。アプリ感が出やすい。

一覧適性: 要確認

トップで見る →
L3

Document mat

Claude Projects

紙マットの段差。ドキュメント面の要約版。

一覧適性: 要確認

トップで見る →
L4

Atmosphere wash

LLM landing

淡い大気トーン。一覧では差が小さい。

一覧適性: 低め

トップで見る →
L5

Frosted shelf

glass UI

半透明マット。密集一覧では濁りやすい。

一覧適性: 低め

トップで見る →
L6

Soft well

input well

凹面ウェルから持ち上げる。ウェルも書影も 8px 角丸。

一覧適性: 要確認

トップで見る →
L7

Layered planes

Claude × desk

特集の三重枠を、柔らかい面の段差へ。

一覧適性: 要確認

トップで見る →
L8

Spotlight stage

hero LLM

暗い床＋スポット。一覧向きではない。

一覧適性: 低め

トップで見る →

本番の面で確認する

いまの位置づけ

ラボ
書影 L6A と字重 editorial を採用。UIカタログにも反映済み。
本番
黒1px枠と a { font-weight: bold } のまま。本番反映は別判断。
戻し方
下バーの「オフ」、または ?cover=off&weight=off。