コレクション
コレクション
同じテンプレート、機能、配色を持つページをまとめました。
Nerfies ファミリー 71
すべて見るNerfies テンプレート、またはその派生である Academic Project Page Template で作られたページです。
Scaling Text-Rich Image Understanding via Code-Guided Synthetic Multimodal Data Generation
大学出版局のカタログ。スモールキャップスのセリフ体タイトル、標本を並べたカラーホイール、土の色の棒グラフ。
DICE-BENCH: Evaluating the Tool-Use Capabilities of Large Language Models in Multi-Round, Multi-Party Dialogues
ゲームの箱絵をまとった Nerfies ページ。チャコールのサイコロバナーがアイデンティティを刻み、パステルのブランド色のピルとグレーのカルーセル帯が、静かな2カラムの手法解説へと導く。
GAMEBoT: Transparent Assessment of LLM Reasoning in Games
整ったゲームアリーナのスコアボード。ネイビーのタイトルの上にマスコットの紋章、その下のひんやりした灰青のグラデーション帯にニュースカードと、すみれ色の見出しのスコア表。
InstructPart: Task-Oriented Part Segmentation with Instruction Reasoning
グレーと白の縞模様の実験ノート。タイトルは自らのキーワードをティールで示し、破線パネルのやかんが、一行も読まないうちにタスクを説明してくれる。
Symmetrical Visual Contrastive Optimization: Aligning Vision-Language Models with Minimal Contrastive Images
2色で組み立てた主張。シアンは一致する画像、オレンジは一致しない画像を意味し、その色のコードは本文のハイライトから、グレーと白が交互に続く帯の上のすべての図まで途切れずに続く。
TUNA: Comprehensive Fine-grained Temporal Understanding Evaluation on Dense Dynamic Videos
スコアボードから始まるベンチマーク。魚のロゴを添えたスモールキャップスのワードマーク、グラデーションの会議名の行、そしてグレーのヘッダーとゼブラ行、青いモデルリンクを持つ全幅のリーダーボード。
注目点
多くは Bulma のグリッド、Google Sans の見出し、黒い丸型のリンクボタンを共有しています。会議のテーマ色、独自のティーザー帯、結果の表の見せ方など、著者が既定値から離れた部分を比べてみてください。DESIGN.md が記録すべきなのは、こうした小さな変更です。
ゼロから作られたページ 102
すべて見る既知の学術テンプレートを使っていないプロジェクトページです。
CRAFT: Training-Free Cascaded Retrieval for Tabular QA
淡い青焼きブルーの整った製品マニュアル。どの段階もそれぞれの色の縁をまとっている。
Efficient Self-Evaluation for Diffusion Language Models via Sequence Regeneration
青、すみれ、アプリコットの夜明け色に染まった角丸カードの整った積み重ね。署名はグラデーションのワードマーク。
FIGMA: Towards FIne-Grained Music retrievAl
温かみのある紙に刷った音楽誌。赤いキッカーの下に重厚な Newsreader の見出し、結果を示す大きな赤いセリフ数字、柔らかなクリーム色の枠に収まった図。
GuideDog: A Real-World Egocentric Multimodal Dataset for Blind and Low-Vision Accessibility-Aware Guidance
静かな学術書の一頁。セリフ体の一段組み、リンクには牛血色のインク、自分の行だけをほんのり染める表。
LaMI: Augmenting Large Language Models via Late Multi-Image Fusion
丁寧に作られた学会配布資料。Noto Serif の見出し、ネイビーの枠線ボタン、交互に現れる柔らかなグレーの帯。
PairCoder++: Pair Programming as a Universal Paradigm for Verified Code-Driven Multimodal and Structured-Artifact Generation
すっきりとした白い製品ページ。青いお知らせの帯、墨のように黒いピル型ボタン、柔らかな影のカードに載ったすべての図。
注目点
独自のページは幅が広く、雑誌風のセリフ体レイアウト、製品発表のような暗い画面、1 ファイルだけの HTML まであります。Layout と Components の節を読むと、どの選択が個性を生んでいるかがわかります。
見せて伝える 72
すべて見るスライダー、3D ビューア、ライブデモなど、操作や比較で結果を見せるページです。
CRAFT: Training-Free Cascaded Retrieval for Tabular QA
淡い青焼きブルーの整った製品マニュアル。どの段階もそれぞれの色の縁をまとっている。
GuideDog: A Real-World Egocentric Multimodal Dataset for Blind and Low-Vision Accessibility-Aware Guidance
静かな学術書の一頁。セリフ体の一段組み、リンクには牛血色のインク、自分の行だけをほんのり染める表。
Scaling Text-Rich Image Understanding via Code-Guided Synthetic Multimodal Data Generation
大学出版局のカタログ。スモールキャップスのセリフ体タイトル、標本を並べたカラーホイール、土の色の棒グラフ。
GAMEBoT: Transparent Assessment of LLM Reasoning in Games
整ったゲームアリーナのスコアボード。ネイビーのタイトルの上にマスコットの紋章、その下のひんやりした灰青のグラデーション帯にニュースカードと、すみれ色の見出しのスコア表。
TUNA: Comprehensive Fine-grained Temporal Understanding Evaluation on Dense Dynamic Videos
スコアボードから始まるベンチマーク。魚のロゴを添えたスモールキャップスのワードマーク、グラデーションの会議名の行、そしてグレーのヘッダーとゼブラ行、青いモデルリンクを持つ全幅のリーダーボード。
No Pixel Left Behind: Filling Gaps in Anime Colorization
グレーのライトテーブルにクリップで留めた、まっさらな動画用紙。チャコールのピルボタン、パステルイエローのひよこ、隅にはEN/JPの切り替え。
注目点
結果が視覚的な場合、ページは比較ウィジェットを中心に組まれます。各ページがウィジェットをどう囲み、隣に何を置いているかを見てください。
研究者のホームページ 50
すべて見る受賞歴のある研究者を、決まった規則で選びました(概要を参照)。
Amir Bar
Imperial ブルーの端正な教員案内。白地に Inter、ピル型のリンク、手を伸ばすと数ピクセル浮き上がる論文カード。
Anagh Malik
アプリコットで温めた Barron の表。14px の Lato、オレンジに光る青いリンク、大事な論文は午後遅くの光の帯の中に収まっている。
Christoph Feichtenhofer
学会ホールの横断幕のような Facebook ブルーの帯に続き、赤字の論文名、緑の掲載先、両端揃えのグレーの要旨が長い台帳のように並ぶ。
David B. Lindell
丁寧な編集者が組んだラボノート。Source Serif の本文、Source Sans のラベル、澄んだ青ひとつ、そしてどの論文にも写真が添えて綴じてある。
David Novotny
夕暮れの港と静かな閲覧室。ティールからミッドナイトへの固定パネルに右揃えの連絡先、白地には柔らかなグレーの文字とタンジェリン色のリンク。
Jaeyeon Kim
細い Roboto で組んだ静かなゼミの配布資料。声を張るのは赤くハイライトされたひとつの問いとミント色のタグの列だけ。
注目点
1990 年代の手書き HTML から al-folio や Hugo のテーマまで幅があります。Page Modules の表を見ると、紹介文、ニュース、論文をどの順に並べているかがわかります。
コード README 40
すべて見る最近の論文の公式コードリポジトリにある README です。
adobe-research/obj-and-mat-selection
目次まで備えた会議録のページ。中央の一行に太字の名前、小さな ACM SIGGRAPH の紋章、細いタグが六つ。そしてスイカや台所の写真のグリッドでは、モデルが選んだ部分がティール色に染まっている。
Chuan-10/AGILE
明るい光の下の実験台。五文字の名前、太い大文字タグの帯。そしてハサミやマグカップ、コントローラーを握る手を並べたコンタクトシート。
coral-lab-asu/CRAFT
学会のリボンを掛けたツールマニュアル。中央に一行のタイトル、絵文字付きバッジの長い帯、点線で区切ったリンクバー。そして最初のインストール行より前に、三行の表が手法全体を説明してしまう。
damon-demon/SpanUQ
学会のスタンプが押されたコマンドラインツールのマニュアル。角括弧つきの見出し、小さな色付きタブが四つ、点線のジャンプバー、そして最初の段落が終わる前に数字が出てくる。
deepmancer/HairPort
プレスキットのように組まれた論文。大文字の派手なタグが一列に並び、日付入りの告知、学術誌のページのようにキャプションを持つ番号付きの図。そのすべてを太いグレーの罫線が区切る。
donaldssh/K-Merge
白い壁に貼られた学会のタイトルスライド。中央に一つの見出し、控えめなクレジットのブロック、グレーとカラーのタグの短い帯。そして文章が一語も出てくる前に、パステルのブロック図が物語を語る。
注目点
README で使えるのは Markdown、少しの HTML、画像、バッジだけです。ヘッダー、ティーザー、インストール手順、引用ブロックをどの順に置いているかを比べてください。
ダークと二つの配色 28
すべて見るダークテーマ、またはライトとダークの切り替えがあるページです。
CRAFT: Training-Free Cascaded Retrieval for Tabular QA
淡い青焼きブルーの整った製品マニュアル。どの段階もそれぞれの色の縁をまとっている。
Hear You in Silence: Designing for Active Listening in Human Interaction with Conversational Agents Using Context-Aware Pacing
日が暮れたあとの、ランプに照らされた書斎。エスプレッソ色の壁に、ささやくような桃色のイタリック体タイトル。やがて明かりが灯り、温かな紙の色が広がる。
Archon: A Unified Multimodal Model for Holistic Digital Human Generation
真夜中の天文台。乳白色にきらめくロゴタイプ、ティールの信号灯、番号付きのミッションカードが深宇宙の上で光る。
Category-Agnostic Neural Object Rigging
照明を落としたホールでの製品お披露目。ネオンキャンディのような見出しがひとつ、背後でゆっくり流れる動画、ぴたりと収まるスライド。
FOMO-3D: Using Vision Foundation Models for Long-Tailed 3D Object Detection
夜更けに読む研究室の年次報告書。チャコールの上に巨大な柔らかいセリフ体の見出し、ナビゲーション用に浮かぶ白いピル、角丸の枠に収まった図、そして最後はホットピンクの締めくくり。
One View, Many Worlds: Single-Image to 3D Object Meets Generative Domain Randomization for One-Shot 6D Pose Estimation
真夜中のプロダクトローンチ。インディゴに沈むタイル状の動画ウォール、その上に浮かぶアイスシアンのグラデーション見出し、そしてファーストビューの下で待つ設計図グリッドのカード。
注目点
ダークの学術ページは珍しいです。面の明るさを段階的に上げる方法と、白背景の図の扱い方を見てください。