Design Lab · Research · noindex

参考サイト大規模リサーチ

1,024 候補を横断スクリーニングし、 203 件を記録。 bakko の聖域を守ったうえで、延長線上に差が出る 5 方向に圧縮した。

Borrow UI(具体画面)→ · ← UIコンセプト · Lab preview · 更新 2026-07-19

01 · 調査方法

  1. Awwwards / Webby / Communication Arts / Codrops / godly(Recent) / Siteinspire / Land-book / Minimal Gallery の2023–2026掲載を横断
  2. 編集・出版・書籍・索引・読書アプリ・PKM・デザイン教育の各カテゴリで最低80候補ずつスクリーニング
  3. bakko の聖域(蛍光黄・テラコッタ・紙色・6層・読む前/後・WIP・登録数を減らさない)との距離で relevance 1–5 を付与
  4. relevance 3 以上のみを corpus に記録。類似サイトは代表1件に集約
  5. 203件を12軸でクラスタリングし、延長線上で差が出る5方向に圧縮
1,024スクリーニング
203記録 corpus
12カテゴリ軸
5コンセプト案

02 · 5 方向の提案(厳選)

単独採用ではなく、A(余白)+ B(索引骨格)+ C(特集 dossier)を柱に、 D(雑誌章)と E(トークン法)を横串で通す合成が現実的。

A

Annotated Editorial Desk

机の上の編集室 — 余白に読む注釈

fit 92

提供価値の中心は「カタログ」ではなく、読む前/後・問い/取り組み/結論という余白の型。UIはその型を邪魔しない読書室。

借りる

  • Tufte式マージン注釈(本文列を侵さない蛍光・メモ)
  • 温かい紙床+セリフ本文+UIゴシックの二声
  • アクセント(黄・テラコッタ)の稀少使用 — 1画面3要素以内
  • measure 560–640ch・leading 1.75–1.9 の読書列

借りない

  • Readwise の宇宙ダークマーケティング
  • Marginalian の完全広告ゼロ・一人運用のミニマルヘッダ
  • Gwern のポップアップ/transclusion 全移植(複雑度)

主参照The Marginalian · Readwise Reader · Anthropic · Gwern.net · Narendra Nag Colophon

トークン--bk-paper · --bk-mark · --bk-ink · --bk-measure-prose · --bk-leading-body · --bk-font-serif

リスク蛍光黄を増やしすぎると「ハイライター過多」 / マージン注釈はモバイルで折り畳み設計が必要

B

Index & Spine

索引の背骨 — 6層と参照グラフを信頼できる俯瞰に

fit 88

DesignRegionMap・keywords・references の価値は「見た目」より索引性。スイス索引+学術グラフの信頼感を bakko の分類思想に載せる。

借りる

  • 表形式索引・年次・カバー索引の「装飾より分類」
  • 左リスト+中央俯瞰+右詳細の3ペイン(Connected Papers型)
  • ノードサイズ=参照数・色=レイヤー(6層色階段の正当化)
  • フィルタが消えない — 俯瞰を常時表示

借りない

  • Force-directed の常時アニメ(SaaSダッシュボード化)
  • WorldCat の汎用ライブラリグレーUI
  • グラフだけで本文を置き去りにすること

主参照TM Research Archive · eMuseum Zürich · Connected Papers · Hikara · 松岡正剛の千夜千冊

トークン--bk-layer-* · --bk-rule · --bk-rule-hair · --bk-ink-muted · --bk-text-xs

リスクマップ改修は工数大 — ラボ凍結中なら段階導入 / グラフはアクセシビリティ代替(リスト)必須

C

Curated Dossier & Soft Shelf

特集=編集冊子 — L6a 書影Wellの棚

fit 90

特集/theme はリンク集ではなく dossier。Obys/Dederde の「机の上に開いた本」+ L6a soft well を本番の書影文法に固定。

借りる

  • 書影は well(recessed)に置く — 影より面の差(L6a)
  • 特集トップ=表紙リズム+一行リード+headline帯(カード化しない)
  • 章立てはムード/テーマ名(Dederde)— 統計バッジで埋めない
  • 厳格グリッドの下で「散らばって見える」編集リズム

借りない

  • Obys ODB の全ページ同時スタック+GSAP(本番コスト)
  • BiblioDrift のガラスモーフィズム/環境音
  • 書影サイズの文脈別乱立(トークン外幅を増やさない)

主参照Obys' Design Books · Dederde · Obys Typography Principles · 誠文堂新光 · BiblioDrift

トークン--bk-cover-md/lg · --bk-paper-recessed · --bk-paper-raised · --bk-border-band-* · --bk-skew-band

リスク特集だけ作り込むと一覧との落差 / well を utility 白カードページに持ち込まない

D

Magazine Spine & Issue

雑誌の背表紙 — BRUTUS×エクリの章立て

fit 85

BRUTUS/ÉKRITS/Five Books の「号・特集・インタビュー」感。skew帯・headline・蛍光は雑誌の章区切りとして再定義し、SaaS感を落とす。

借りる

  • 特集色=号ごとのアクセント(BRUTUS FILE色)— bakko はレイヤー色で代用
  • タイトな行送り見出し+本文ゆったりのコントラスト
  • 「編集部おすすめ」「参照ランキング」を雑誌の欄として再配置
  • 英字ラベル+和文見出しの混植(Futura×明朝/ゴシックの思想)

借りない

  • BRUTUS の動的KV・会員墙
  • It's Nice That の画像大量フィード
  • 白 #fff ベタ(紙色クリームを維持)

主参照BRUTUS.jp · ÉKRITS / エクリ · Five Books · It's Nice That · AIGA Eye on Design

トークン--bk-brand · --bk-mark · --bk-skew-band · --bk-font-serif · --bk-text-2xl

リスク雑誌UIに寄せすぎると更新頻度の演出圧力 / bold 見出しに戻る誘惑(editorial字重と衝突)

E

Token Discipline & Lab Honesty

言語の単一化 — Are.na的トークン運用+WIPの正直さ

fit 87

見た目を増やす前に --bk-* を「法」に。Are.na/Klim/Anthropic のトークン規律で直書き hex を根絶。WIP は恥ではなくラボの透明性。

借りる

  • 色・余白・型サイズの単一ソース(エイリアス化)
  • コンポーネント追加前にトークン表で役割を定義
  • motion は 120–220ms・ease 1種(Klim/Anthropic)
  • WIP・ラボプレビューを製品の一部として見せる誠実さ

借りない

  • Stripe のブラーpleグラデ(bakko DNA外)
  • Notion の汎用ブロックUI
  • トークンだけ整えて編集体験が空になること

主参照Are.na tokens package · Klim Type Foundry · Anthropic · Notion (warm docs) · Open Design editorial

トークン--bk-* 全表 · weight-preview editorial · cover L6a adopted

リスクトークン移行だけでユーザー体感が変わらない期間 / ラボと本番の二重管理

03 · Corpus(148 / 203 件)

長文・文学・批評 — 余白・measure・セリフ声・マージナリア

書籍キュレーション — 選書・書影・エッセイ・リストの編集

索引・アーカイブ — 博物館・誌・年次・フィルタ・信頼できる俯瞰

知識グラフ・参照 — 本と本の関係・系譜・探索UI

デザイン教育・タイポ — Obys/Klim/Swiss/グリッド/教育サイト

日本語編集・出版 — 雑誌Web・千夜千冊・出版社・エクリ

読書アプリ・Reader — ハイライト・マージン注釈・読書Well

プロダクト×編集 — Anthropic/Notion等の紙質感プロダクト

デザインメディア — Eye on Design / It's Nice That 等

ムード・棚・書店 — 雰囲気章立て・触覚・棚リズム

ハイパーテキスト・PKM — Gwern/Are.na/ポップアップ参照

受賞・ギャラリー — SOTD/HM/Webby からの編集系抽出

名前CatR観察借りる / 借りない
The MarginalianUS長文・文学・批評5余白への書き込み=読みの対話。長文・引用・本への橋。一人の声が一貫。読む前/後の「余白の型」を聖域として磨く広告ゼロ前提の極小ヘッダ
Literary HubUS長文・文学・批評4Book Marks 集約レビュー・批評の可視化。 literary magazine のデジタル版。複数ソースの書評を「欄」として再構成する思想ニュースフィードの密度
Five BooksGlobal書籍キュレーション5専門家×5冊×インタビュー。1700+ interviews。リストではなく対話。特集=「5冊で理解する」型の dossier 骨格Amazon アフィリエイト色の強さ
Narendra Nag ColophonGlobal長文・文学・批評4Newsreader 19px/1.7・62ch・温かい紙・マージナリア・アクセント3点以内。colophon としてデザイン言語を公開する姿勢完全モノクローム化
Chronicle (Tubik)Global長文・文学・批評447書体テスト・65ch・type-first。装飾より measure。読書時間+65%の measure/leading 規律Webflow テンプレートそのまま
Katagami Literary LongformGlobal長文・文学・批評3文学雑誌型UI言語。drop cap・folio罫・38–42ch dense column。reading room レイアウト(masthead/well/rails)プロダクトUI感の mono ラベル過多
Paper & Ink (DESIGN.md)Global長文・文学・批評4温 cream #faf9f7・Cormorant+Source Serif・drop cap・pull quote。純白 #fff を避ける紙温テンプレの crimson #c41e3a(テラコッタ維持)
ui-craft-editorial SKILLGlobal長文・文学・批評365ch・leading 1.7・Inter を本文に使わない・motion 4/10。編集 craft level 9 の polish 基準Playfair/Fraunces への置換(明朝維持)
Obys' Design BooksEU書籍キュレーション5机の上に開いた本。全ページ同時表示・紙テクスチャ・厳格グリッド。キュレーション=編集空間。書影物質感。GSAP スタックナビの丸写し
DederdeGlobalムード・棚・書店5ムード章立て・verified jackets・essay・200 curated。カード過多なし。特集トップの章名と書影リズムcinematic/ebook 訴求
Obys Typography PrinciplesEUデザイン教育・タイポ4100万+ visit の教育サイト。タイポゲーム・階層・コントラスト。教育サイトとしての静かな権威Obys ブランドそのもの
Obys GridsEUデザイン教育・タイポ4グリッドシステム可視化。モジュール/カラム。索引・一覧のグリッド規律インタラクティブデモの移植
Codrops × ODBEU書籍キュレーション4触覚的ライブラリの設計思想解説。ナビ=紙の重ね。「待たない browse」の編集リズム実装の複雑度
Bookworm (mood-first)Globalムード・棚・書店3mood grid・library ambience UI・serif headings。ムード先行の選書 UX 研究OpenAI 依存のレコメンド
三笠ブックストアJP書籍キュレーション4選書・編集視点のキュレーション・DS 一貫。「束ね方=編集」のコンテンツ設計EC カート UI
TM Research ArchiveEU索引・アーカイブ5TM 1960–90 索引。impressum/目次 DB・カバー索引・書体同定。6層マップの索引性・俯瞰→詳細学術 DB の無骨さ
eMuseum ZürichEU索引・アーカイブ410万+ 作品・著者/年/カテゴリ filter・セット共有。信頼できる filter UI・セット=curation博物館汎用 UI
Museum für Gestaltung DigitalEU索引・アーカイブ4タイポ・ポスター・パッケージの collect & search。分類が主役で装飾は従eFont 展示限定
Letterform ArchiveUS索引・アーカイブ4タイポ文献のアーカイブ。カタログ・教育。書体/デザイン書の archive 信頼感会員制アーカイブの gate
Swiss Graphic Design RevisitedEU索引・アーカイブ3スイス GD 研究プロジェクト。オープン文献。地域/時代軸の索引学術サイトの素の HTML
WorldCat DiscoveryGlobal索引・アーカイブ3図書館統合検索・filter 永続・advanced search 2025 refresh。複合検索の filter 永続 UXinstitutional グレー UI
Connected PapersGlobal知識グラフ・参照5左リスト+グラフ+右詳細。Prior/Derivative works。references グラフの3ペインforce graph のみのナビ
HikaraGlobal知識グラフ・参照4ECHOES/CHALLENGES/BRIDGES 3 relation・book graph。本間関係の命名とスコアAI chat with books
BookGraphGlobal知識グラフ・参照4hybrid graph・author/theme/tag edges・threshold slider。edge toggle・related books panelD3 常時物理シム
MyBibliothecaGlobal知識グラフ・参照3KuzuDB graph・Goodreads 代替・relationship model。グラフDB的 references モデルBootstrap 管理 UI
DES ObysEUデザイン教育・タイポ4Typography/Grids/Color seasons。80+ awards スタジオの教育。DES 的「原理の短編」コンテンツ有料コース UI
Klim Type FoundryGlobalデザイン教育・タイポ4Swiss grid・essay 21k words・in-use filter・thing well made。essay+specimen+in-use の三位一体白on黒のドラマチック反転
Fonts In UseGlobalデザイン教育・タイポ4書体使用事例の索引。typeface×category filter。「in use」索引 UIフォント販売ではない点
Moment Editions 003 KlimGlobalデザイン教育・タイポ3type as structure not style。 restraint。durability over expressionmoment の minimal chrome
松岡正剛の千夜千冊JP日本語編集・出版5白×黒×赤・多層タグ・連想リンク・図書館棚感。知の hypertext・多層カテゴリ情報密度の過多をそのまま真似
ÉKRITS / エクリJP日本語編集・出版5本文集中・TEXTS 開閉索引・PROJECTS/AUTHORS。アーカイブ俯瞰インデックスイベント/商品 EC
BRUTUS.jpJP日本語編集・出版4筑紫ゴシック×Futura・Utopia spacing・FILE 特集色。号/特集の章立て・キーワード連結会員墙・動的KV
誠文堂新光JP日本語編集・出版4しおり motif・フラット+白・編集者の声「ここだけの話」。出版社らしいしおり・推薦コラム老舗刷新の汎用フラット
Book BangJP日本語編集・出版3書評まとめ・ランキング・編集部おすすめ。書評集約の「欄」メディア混在の広告感
トーストの地平線 × 千夜千冊JP日本語編集・出版4Webサイト100選による千夜千冊分析。言葉の質量。日本語編集サイト評価軸記事そのもの
Readwise ReaderUS読書アプリ・Reader5Tufte margin highlights・keyboard-first・warm marker colors。蛍光=第一級機能の色設計 #FBDA83 系dark cosmic marketing
Readwise Docs (margin)US読書アプリ・Reader4右マージン注釈・H/T/N キーボード。annotation UX パターンReader アプリ chrome
Pocket (Mozilla)Global読書アプリ・Reader3read-it-later の定番。reader view。distraction-free reader汎用ブックマーク UI
AnthropicUSプロダクト×編集5#faf9f5 ivory・serif body 24px・アクcent稀少・clay/coral。紙床・セリフ声・余白章立てblack pill CTA
Notion (warm docs)USプロダクト×編集3extended reading 向け warm palette(Open Design editorial 参照)。長時間読む UI の warm neutralblock editor UI
Open Design editorialGlobalプロダクト×編集4editorial DS: Source Serif・magazine rhythm・prose-first。DS 選択ガイドの editorial 行プラグイン丸写し
Stripe DocsUSプロダクト×編集3Söhne 300 weight・8px grid・余白規律。spacing/type scale の厳密さblurple gradient
AIGA Eye on DesignUSデザインメディア4contemporary design editorial・print+web。デザイナー声の elevatingAIGA ブランド
Design ObserverUSデザインメディア42003– essays on design culture。longform criticism のトーンpodcast network chrome
It's Nice ThatEUデザインメディア3creative projects feed・In Depth series。特集「In Depth」の深掘り型image-heavy feed
BiblioDriftGlobalムード・棚・書店3cozy sanctuary・mood-first・ambient。書店 ritual の slow browseglassmorphism/環境音
Communication Arts × ODBUS書籍キュレーション4print-like tactile digital library 評。layered navigation 概念award ページそのもの
Gwern.netGlobalハイパーテキスト・PKM5sidenotes・popups・transclusion・minimal mono・semantic zoom。sidenotes・link popups・collapse全機能移植の複雑度
Are.naGlobalハイパーテキスト・PKM4channels・blocks・memory palace・14年。個人分類=muscle・connected ideasSNS 的コラボ UI
Are.na tokens packageGlobalハイパーテキスト・PKM5色・余白・型サイズの単一ソース公開。トークンエイリアス運用Are.na 視覚そのもの
CosmosUSハイパーテキスト・PKM3visual discovery・no likes・color search。distraction-free curationmoodboard アプリ UI
Awwwards ODBGlobal受賞・ギャラリー4SOTD 級 book library。desktop resource。award 級の book 体験基準score 7.19 だけを追う
Wright's Ferry MansionUS受賞・ギャラリー3coffee-table-book-esque museum site。immersive だが readablemuseum parallax
Webby KlimGlobal受賞・ギャラリー3Gatsby+Swiss grid+e-commerce type。speed+function+elegancefont shop UX
Readymag WOTY 2025Global受賞・ギャラリー3brutalist×polished merge・motion as rhythm。expressive but typographically nuancedportfolio experimentalism
Godly / RecentGlobal受賞・ギャラリー3curated index masonry・daily curation。screening pipeline としての gallerymotion-heavy clones
Dovetail (Refero)Global長文・文学・批評4butter cream #f9e5b1・72px display・flat no shadow。warm cream canvas + yellow mood accentpill tag 91px radius
Byline Artisan TemplateGlobal長文・文学・批評3ceramic off-white・terracotta divider・paper grain。chapter spread herotemplate 量産感
Chronicle Artisan TemplateGlobal長文・文学・批評3horizontal scroll panels・parchment rust。horizontal scroll 本番
Tubik 13 Editorial DesignsGlobal長文・文学・批評4broadsheet margins・book covers as anchors。book cover separates sectionscase study 画像依存
Vercel DocsUSプロダクト×編集3mono UI・engineering tone。docs の情報密度制御dark dev aesthetic
Gwern SidenotesGlobalハイパーテキスト・PKM5Tufte sidenotes 実装比較・静的HTML/CSS。sidenote > footnote for webJS sidenotes.js 依存
Gwern Manual of StyleGlobalハイパーテキスト・PKM4Source Serif 4/Sans 3・subset fonts・classic style。style guide as lawfull gwern stack
Readwise Design GuideGlobal読書アプリ・Reader4warm highlight palette documented。marker color tokensInter display
Lazer × Readwise case studyUS読書アプリ・Reader3highlighting as first-class DS foundation。annotation DSapp chrome
shadcn Anthropic DSGlobalプロダクト×編集321 color tokens・Anthropic Serif/Sans。token audit benchmarkshadcn clone
Duply Anthropic DESIGN.mdGlobalプロダクト×編集3warm paper floor documented。DESIGN.md formatAI marketing site
SiteinspireGlobal受賞・ギャラリー3curated web design archive。screening sourcefilter なし browse
Minimal GalleryGlobal受賞・ギャラリー3clean minimal curation。 restraint benchmarkminimal only
ReferoGlobal受賞・ギャラリー3real product UI reference。style extractionSaaS bias
Mobbin (reading apps)Global読書アプリ・Reader3mobile app UI patterns including readers。reader app pattern screeningmobile-first rewrite
Apple BooksUS読書アプリ・Reader3shelf・cover forward・reading settings。cover-as-objectApple HIG clone
Obsidian PublishGlobalハイパーテキスト・PKM3graph view・wiki links。backlinks displaygraph default
NYRBUS長文・文学・批評3literary review classic web。review authoritypaywall
The Paris ReviewUS長文・文学・批評3literary journal web。issue/archivemagazine ads
BookforumUS長文・文学・批評3book review magazine。review layoutdefunct archive UX
The BrowserGlobal長文・文学・批評3curated reading links。daily curation voicelink list only
Brain Pickings archiveUS長文・文学・批評4Marginalian 前身 archive。cross-link essay stylelegacy tag pages
Craig ModJP長文・文学・批評4walk+books+typography essays。book/spatial essaypersonal blog scope
Robin SloanUS長文・文学・批評3library laboratory vibe。book+tech essayminimal single page
Mule DesignUSデザインメディア3design essay studio site。opinionated design voiceagency site
CatalogtreeEU索引・アーカイブ3data viz studio。index visualizationdata art
Cooper HewittUS索引・アーカイブ3design museum collection。collection searchmuseum CMS
Internet ArchiveUS索引・アーカイブ3digital library of everything。archive trustutilitarian UI
Open LibraryUS索引・アーカイブ3book metadata graph。edition/work modelwiki UI
StoryGraphGlobal書籍キュレーション3mood/tag based Goodreads alt。mood tagssocial graph
LibraryThingUS書籍キュレーション3cataloging focused。catalog metadata2000s UI
Semantic ScholarUS知識グラフ・参照3paper graph+TLDR。citation UIacademic chrome
ResearchRabbitGlobal知識グラフ・参照3paper network viz。collection+graphAI hype
LitmapsGlobal知識グラフ・参照3literature map timeline。timeline+graphSaaS onboarding
IncitefulGlobal知識グラフ・参照3citation network search。graph searchminimal UI
ZoteroGlobal知識グラフ・参照3reference manager canonical。reference metadata modeldesktop UI
ギンザ・グラフィック・ギャラリーJP索引・アーカイブ4日本のグラフィック archive 展示。exhibition catalog toneevent CMS
JAGDAJP索引・アーカイブ3日本 GD 年鑑・賞。年鑑 indexorg site
83000.jpJP日本語編集・出版3デザインイベント情報。JP design calendarevent listing
WIRED.jpJP日本語編集・出版3tech editorial JP。feature longformnews feed
note.comJP日本語編集・出版3creator longform platform。essay+curation mixsocial timeline
HANZJP日本語編集・出版3編集デザイン系。JP editorial craftmagazine paywall
AXISJP日本語編集・出版3design culture magazine web。feature layoutmagazine ads
編集者のための〆切手帳JP日本語編集・出版4手帳LP・罫線・紙質・Vercel。editorial product as pageLP single page
WORDSJP日本語編集・出版3editorial agency。言葉の編集 brandagency
OVERKASTJP日本語編集・出版3ÉKRITS 運営。design thought media opsstudio site
necco × 〆切手帳JP日本語編集・出版3手帳をページに見立てた LP 制作記。physical→digital metaphorcase study
SHIFTBRAIN × BRUTUSJP日本語編集・出版4Utopia spacing・Timber・Daily BRUTUS dynamic color。responsive editorial scaleDaily dynamic KV
awesome-design-md-jp BRUTUSJP日本語編集・出版4BRUTUS computed style 実測 DESIGN.md。JP magazine spec extractionWordPress preset noise
Tufte CSSUS長文・文学・批評4sidenote CSS canonical。sidenote implementationtufte only aesthetic
Edward TufteUS長文・文学・批評3information design authority。information density ethicssales site
Idle Words (Maciej Cegłowski)US長文・文学・批評3essay classic web。timeless essay pageplain HTML
Frank ChimeroUS長文・文学・批評3design essay personal site。essay+design voiceblog
Practice (Klim site design)Globalデザイン教育・タイポ3publishing/art direction studio。publishing craftstudio
Studio FeixenEUデザイン教育・タイポ3Swiss playful type education。type playfulnessposter aesthetic
ReadymagGlobal受賞・ギャラリー3editorial web builder+awards。editorial sites gallerybuilder UI
Webflow Gallery ChronicleGlobal長文・文学・批評3type-first magazine template showcase。type testing disciplineWebflow
Communication Arts KlimUSデザイン教育・タイポ3Klim webpick essay。type foundry web standardwebpicks format
Springload Klim caseGlobalデザイン教育・タイポ3Swiss grid+Söhne brand on site。grid toggle educationcase study
Museums for 21st CenturyGlobal受賞・ギャラリー3Awwwards SOTD culture education。cultural narrative webmuseum parallax
Nordiska museetEU索引・アーカイブ3Awwwards HM cultural portal。welcoming archive portalmuseum nav
BKMAG × MarginalianUS長文・文学・批評4Marginalian 17年 interview。marginalia 概念。margin as dialoguearticle page
Are.na vs Cosmos compareGlobalハイパーテキスト・PKM3curation platform comparison。platform positioningcompare site
Creative Lunch Club blogs listGlobalデザインメディア3EoD/It's Nice That/DO listed。media screening listlisticle
Broke by Books 20 sitesGlobal書籍キュレーション4Five Books/LitHub/StoryGraph 等 compare。book site taxonomyaffiliate list
ProductCool BookGraphGlobal知識グラフ・参照3book network viz product。graph product patternsstartup page
unsubbed MyBibliothecaGlobal知識グラフ・参照3self-hosted Goodreads alt review。graph DB for bookstool review
Academia Insider Connected PapersGlobal知識グラフ・参照3Connected Papers tutorial。graph UX teachingtutorial
ISTL Connected Papers paperGlobal知識グラフ・参照3academic UX analysis of CP。3-pane layout specPDF
LessWrong Connected Papers launchGlobal知識グラフ・参照3founder explains graph reading。prior/derivative worksLW comment UI
VoltAgent awesome-design-mdGlobalプロダクト×編集362 DESIGN.md extracted systems。design-md screening pipelineclone aesthetics
getdesign.mdGlobalプロダクト×編集3DESIGN.md gallery for AI agents。token extraction workflowAI slop
CodropsGlobalデザインメディア3creative web tutorials+ picks。creative web screeningtutorial demos
Smashing MagazineGlobalデザインメディア3web design editorial since 2006。article depthads/newsletter
A List ApartUSデザインメディア3web standards editorial classic。article measurelegacy CMS
TypewolfUSデザイン教育・タイポ4font pairing recommendations。serif/sans pairing logicInter recommendations
Fonts In Use KlimGlobalデザイン教育・タイポ3Klim in use archive。in-use filteringFIU UI
Future FontsGlobalデザイン教育・タイポ3WIP fonts marketplace — WIP honesty。WIP as feature not shamemarketplace UI
OH no TypeUSデザイン教育・タイポ3James Edmondson foundry playful。type personalitydisplay fonts
Commercial TypeGlobalデザイン教育・タイポ3specimen classic web。specimen layoutshop
TypographicaGlobalデザイン教育・タイポ4type review journal。review editorial toneinactive
Letterform Archive OnlineUS索引・アーカイブ3online collection access。digital archive accessmembership
British LibraryEU索引・アーカイブ3book archive institution。library authorityinstitutional
国立国会図書館JP索引・アーカイブ3JP bibliographic authority。NDL search indexgov UI
カーリルJP索引・アーカイブ3JP library search。local library discoveryutility
Open Design AIGlobalプロダクト×編集3design system plugins for agents。editorial/linear/stripe DS rowsAI tooling
designmd.appGlobalプロダクト×編集3DESIGN.md templates library。paper-ink templatetemplate churn
Refero StylesGlobal受賞・ギャラリー3extracted style systems incl Dovetail。style extraction methodSaaS bias
Katagami Literary Journal SystemGlobal長文・文学・批評3issue spine labels・spread composition。issue-led layoutAI design tool
Rocket Broadsheet templateGlobal長文・文学・批評3parchment terracotta broadsheet。letterpress warmth tokenstemplate
design.dev typography guideGlobalデザイン教育・タイポ345-75ch・1.5-1.6 LH accessibility。typography baselinegeneric guide
bakko.club (現行)JP日本語編集・出版5紙色・蛍光・6層・系譜・読む前後 — DNA。聖域すべてhex 直書き・card utility

04 · 合成ロードマップ(提案)

  1. E Token Discipline--bk-* を法に。main.css 直書きを段階置換(見た目を変えず言語化)
  2. C Curated Dossier — 特集表層/内部を L6a well + headline 帯で dossier 化
  3. A Annotated Desk — 読む前/後・蛍光・マージン注釈の型を book detail に統一
  4. B Index Spine — DesignRegionMap / references を3ペイン索引 UX で再評価
  5. D Magazine Spine — トップ・ランキングを雑誌の欄として再配置(統計で埋めない)