— Volume 01 / Index
HP制作の
すべてを、ここに。
配色 / フォント / レイアウト / アニメーション / 参考HP / イラスト まで。
気になるものは ★ で集めて、まとめて Claude に渡せます。
11Categories
8 / 11Ready in V3
★Favorites Cart
→ AICopy to Claude
— Contents
— 01
配色パレット82種。スウォッチをクリックで HEX コピー、★ でお気に入りに追加。
Color palettes.
— 02
英文・和文・組み合わせ用フォント155種。Google Fonts 一括ロード済みで実物を確認できます。
Font library.
— 03
見出し・引用・数字・縦書きなど、文字組のパターン集。実際のレンダリング+CSS付き。
Typography set.
— 04
マイクロインタラクション、出現アニメ、ホバー演出など。各カードで動きを実機確認できます。
Animation patterns.
— 05
業種別の参考HPコレクション。スクショ+ "なぜ参考になるか" のコメント付き。
Reference sites.
— 06
HP制作で使う専門用語集。基本構造・デザイン・SEO・運用まで。検索ボックスで一発。
Glossary 138.
— 07
業種別5ページ完成キット。Claude にそのまま渡せる発注プロンプト付き。
Demo kits.
— 08
そのまま Claude に貼れる指示テンプレ集。アニメ・SEO・コピーライト等。
Claude prompts.
— 09
業種別のストック画像キーワード集。Unsplashで使える検索ワードと推奨構図。
Stock images.
— 10
Atlas の Sections / Layouts / Forms 等の部品集（パーツ別レイアウト）。
UI parts.
— 11
アイコン集 680種。業種別・用途別に分類済み。
Icon library.