パーツの一覧

メインビジュアル　No.01 中央寄せ・大見出し＋CTA メインビジュアル　No.02 左テキスト／右ビジュアル メインビジュアル　No.03 全面グラデ・白抜き メインビジュアル　No.04 左寄せ・余白で見せる メインビジュアル　No.05 背景ビジュアル＋オーバーレイ メインビジュアル　No.06 左右分割（色違い） メインビジュアル　No.07 縦書き見出し（和文） メインビジュアル　No.08 中央＋下部に指標3つ メインビジュアル　No.09 見出し＋動画枠（16:9） メインビジュアル　No.10 カードを斜めに重ねる 有料会員限定 メインビジュアル　No.11 大きな1単語＋補足 有料会員限定 メインビジュアル　No.12 検索バー付き（ポータル型） 有料会員限定 メインビジュアル　No.13 予約・日程選択風 有料会員限定 メインビジュアル　No.14 ニュース帯付き 有料会員限定 メインビジュアル　No.15 奥行きのある層（パララックス風）

ヘッダー・ナビ　No.01 左ロゴ＋右メニュー（基本形） ヘッダー・ナビ　No.02 中央ロゴ・左右メニュー ヘッダー・ナビ　No.03 メガメニュー（hoverで展開） ヘッダー・ナビ　No.04 追従（sticky）＋細い進捗線 ヘッダー・ナビ　No.05 縦ナビ（サイドバー型） ヘッダー・ナビ　No.06 2段（上に連絡先・下にナビ） 有料会員限定 ヘッダー・ナビ　No.07 ハンバーガー開閉（CSSのみ） 有料会員限定 ヘッダー・ナビ　No.08 ヘッダー＋パンくず 有料会員限定 ヘッダー・ナビ　No.09 透過ヘッダー（濃い背景の上）

特徴・機能　No.01 3カラムカード（アイコン付き） 特徴・機能　No.02 交互配置（画像＋説明×2） 特徴・機能　No.03 2カラム・大アイコン 特徴・機能　No.04 4カラム・小アイコン 特徴・機能　No.05 縦並びリスト＋大きな番号 特徴・機能　No.06 タブ切替（CSSのみ） 特徴・機能　No.07 Before / After 比較 有料会員限定 特徴・機能　No.08 チェックリスト2列 有料会員限定 特徴・機能　No.09 文字だけ・密度で見せる 有料会員限定 特徴・機能　No.10 画像上・カード3枚

実績・数字　No.01 4指標を横並び 実績・数字　No.02 大きな1数字＋説明 実績・数字　No.03 数字＋横バーグラフ 実績・数字　No.04 ベタ塗り背景に白抜き数字 有料会員限定 実績・数字　No.05 円グラフ（conic-gradient）

流れ・ステップ　No.01 横4ステップ（矢印つなぎ） 流れ・ステップ　No.02 縦タイムライン 流れ・ステップ　No.03 番号丸＋横線（3ステップ） 流れ・ステップ　No.04 ステップカード（内容多め） 有料会員限定 流れ・ステップ　No.05 ジグザグ（画像と交互）

ギャラリー・事例　No.01 3列グリッド（キャプション付き） ギャラリー・事例　No.02 大小混在（メイソンリー風） ギャラリー・事例　No.03 横スクロール（スナップ） ギャラリー・事例　No.04 事例カード（タグ・数字つき） 有料会員限定 ギャラリー・事例　No.05 全面グリッド（余白ゼロ）

お客様の声　No.01 3カラムカード お客様の声　No.02 大きな引用ひとつ お客様の声　No.03 スコア＋レビュー一覧 お客様の声　No.04 写真＋名前を横に並べる 有料会員限定 お客様の声　No.05 引用を敷き詰める（帯）

料金　No.01 3プラン（中央を強調） 料金　No.02 2プラン比較（大きめ） 料金　No.03 比較表（機能マトリクス） 料金　No.04 単一価格＋内訳 有料会員限定 料金　No.05 月払い / 年払い 切替（CSSのみ） 有料会員限定 料金　No.06 従量課金の説明

よくある質問　No.01 アコーディオン（details） よくある質問　No.02 2列（開閉なし・全部見せる） よくある質問　No.03 カテゴリ分け（左に目次） 有料会員限定 よくある質問　No.04 検索窓つきヘルプ

チーム・会社　No.01 メンバー4人グリッド チーム・会社　No.02 代表あいさつ（写真＋文） チーム・会社　No.03 会社概要テーブル 有料会員限定 チーム・会社　No.04 沿革タイムライン

お問い合わせ　No.01 フォーム（2カラム・左に案内） お問い合わせ　No.02 フォーム＋地図枠 お問い合わせ　No.03 電話・メールを大きく 有料会員限定 お問い合わせ　No.04 資料請求（縦1カラム・短い）

CTA・申込　No.01 帯CTA（アクセント背景） CTA・申込　No.02 中央・大きめ（余白多め） CTA・申込　No.03 2つの選択肢を並べる CTA・申込　No.04 背景ビジュアル・全面 有料会員限定 CTA・申込　No.05 フォーム一体型（メール登録） 有料会員限定 CTA・申込　No.06 小さめの帯（下部固定風）

フッター　No.01 4カラム＋著作権表示 フッター　No.02 1行だけ（最小） フッター　No.03 大きなCTA付きフッター フッター　No.04 サイトマップ広め（6列） フッター　No.05 SNSアイコン付き フッター　No.06 ニュースレター登録つき 有料会員限定 フッター　No.07 黒背景ミニマル（大きなロゴ） 有料会員限定 フッター　No.08 白背景・線で区切る（公共向け）

CSSアニメーション　No.01 流れ続けるロゴ帯（CSSのみ） CSSアニメーション　No.02 順にふわっと現れる（CSSのみ） CSSアニメーション　No.03 見出しが1文字ずつ出る（CSSのみ） CSSアニメーション　No.04 動くグラデーション背景 CSSアニメーション　No.05 ホバーで開くカード（3D） CSSアニメーション　No.06 波打つ区切り（上下の境目） CSSアニメーション　No.07 回転する円形テキスト CSSアニメーション　No.08 スクロールで現れる（CSSだけ・JS不要） CSSアニメーション　No.09 帯が開いて中身が出る（clip-path） CSSアニメーション　No.10 下線が伸びるリンク一覧 CSSアニメーション　No.11 ホバーで文字が上がるカード CSSアニメーション　No.12 読み込み中の骨組み（スケルトン） CSSアニメーション　No.13 数字がめくれて変わる CSSアニメーション　No.14 チェックが描かれる（SVGの線画） 有料会員限定 CSSアニメーション　No.15 なめらかに開くアコーディオン 有料会員限定 CSSアニメーション　No.16 ふわふわ浮くアイコン群 有料会員限定 CSSアニメーション　No.17 タイプライター（CSSのみ・1行） 有料会員限定 CSSアニメーション　No.18 斜めに切り替わる背景 有料会員限定 CSSアニメーション　No.19 スクロールで伸びる進捗バー 有料会員限定 CSSアニメーション　No.20 カードが順に立ち上がる（3D）

JS・GSAPアニメーション　No.01　動き（JS） GSAP スクロールで順に現れる JS・GSAPアニメーション　No.02　動き（JS） 数字がカウントアップ（JS） JS・GSAPアニメーション　No.03　動き（JS） GSAP 横に流れ続けるカード JS・GSAPアニメーション　No.04　動き（JS） GSAP マウス追従の視差レイヤー JS・GSAPアニメーション　No.05　動き（JS） タイピング風テキスト（JS） JS・GSAPアニメーション　No.06　動き（JS） GSAP 文字をばらして出す JS・GSAPアニメーション　No.07　動き（JS） GSAP スクロール連動で進む（scrub） JS・GSAPアニメーション　No.08　動き（JS） GSAP 画像がマスクで開く JS・GSAPアニメーション　No.09　動き（JS） JS 読み進みバー（記事の進捗） JS・GSAPアニメーション　No.10　動き（JS） GSAP 磁石のように寄るボタン JS・GSAPアニメーション　No.11　動き（JS） JS カーソルを追う丸 JS・GSAPアニメーション　No.12　動き（JS） GSAP タブ切り替え JS・GSAPアニメーション　No.13　動き（JS） GSAP SVGの線が描かれる JS・GSAPアニメーション　No.14　動き（JS） JS 画像くらべ（ドラッグで比較） 有料会員限定 JS・GSAPアニメーション　No.15　動き（JS） JS スクロールで縮むヘッダー 有料会員限定 JS・GSAPアニメーション　No.16　動き（JS） GSAP 指標が同時に動く（ダッシュボード） 有料会員限定 JS・GSAPアニメーション　No.17　動き（JS） JS スクロールで速度が変わる文字列 有料会員限定 JS・GSAPアニメーション　No.18　動き（JS） GSAP 重なったカードがほどける 有料会員限定 JS・GSAPアニメーション　No.19　動き（JS） GSAP 線が引かれるタイムライン 有料会員限定 JS・GSAPアニメーション　No.20　動き（JS） GSAP 押すと開くモーダル

ブログ・記事一覧　No.01 記事カード3列（画像つき） ブログ・記事一覧　No.02 記事リスト（横並び・画像小） ブログ・記事一覧　No.03 注目記事＋サイド一覧 ブログ・記事一覧　No.04 カテゴリ絞り込み＋タグ 有料会員限定 ブログ・記事一覧　No.05 年別アーカイブ（テキスト密度）

記事ページ　No.01 記事の見出し（タイトル・著者・目次） 記事ページ　No.02 記事本文（見出し・引用・箇条書き） 記事ページ　No.03 著者プロフィール 記事ページ　No.04 関連記事＋前後の記事 有料会員限定 記事ページ　No.05 記事内バナー（シェア・購読）

お知らせ・告知　No.01 告知バー（1行・閉じられる） お知らせ・告知　No.02 重要なお知らせ（枠つき） お知らせ・告知　No.03 お知らせ一覧（日付＋分類） 有料会員限定 お知らせ・告知　No.04 期間限定の帯（カウント付き）

比較・仕様　No.01 他社との比較表 比較・仕様　No.02 2つを並べて選ばせる 比較・仕様　No.03 仕様表（スペック） 有料会員限定 比較・仕様　No.04 選び方チャート（分岐）

アクセス・営業時間　No.01 アクセス（地図枠＋経路） アクセス・営業時間　No.02 営業時間の表 アクセス・営業時間　No.03 複数拠点の一覧 有料会員限定 アクセス・営業時間　No.04 道順を写真で案内

商品・メニュー　No.01 品書き（価格が右） 商品・メニュー　No.02 商品カード（価格・カート） 商品・メニュー　No.03 コース紹介（写真大） 商品・メニュー　No.04 カテゴリ別の一覧（絞り込み） 有料会員限定 商品・メニュー　No.05 セット・プランの箱書き

求人・採用　No.01 募集一覧（職種・雇用形態） 求人・採用　No.02 募集要項（表） 求人・採用　No.03 社員インタビュー 求人・採用　No.04 数字で見る働き方 有料会員限定 求人・採用　No.05 選考の流れ＋よくある質問

イベント・セミナー　No.01 開催概要（日時・場所・定員） イベント・セミナー　No.02 イベント一覧（日付が左） イベント・セミナー　No.03 タイムテーブル（当日の流れ） 有料会員限定 イベント・セミナー　No.04 登壇者の紹介

動画・音声　No.01 動画の埋め込み（説明つき） 動画・音声　No.02 動画一覧（サムネ・時間） 動画・音声　No.03 音声・ポッドキャスト 有料会員限定 動画・音声　No.04 全面動画の背景（見出し重ね）

資料ダウンロード　No.01 資料ダウンロード（フォーム付き） 資料ダウンロード　No.02 資料が並ぶ（一覧） 資料ダウンロード　No.03 メール登録だけの軽い受け口 有料会員限定 資料ダウンロード　No.04 送信完了（ダウンロード開始）

ログイン・登録　No.01 ログイン（中央・1カラム） ログイン・登録　No.02 新規登録（左に説明・右にフォーム） ログイン・登録　No.03 パスワード再設定 有料会員限定 ログイン・登録　No.04 認証コードの入力（2段階）

404・準備中　No.01 404（探しものへの導線つき） 404・準備中　No.02 準備中（Coming soon） 有料会員限定 404・準備中　No.03 メンテナンス中

受賞・掲載・認証　No.01 メディア掲載（ロゴ横並び） 受賞・掲載・認証　No.02 受賞歴（年と賞名） 有料会員限定 受賞・掲載・認証　No.03 認証・資格のバッジ

業種｜医療・クリニック　No.01 医療｜メインビジュアル（やわらかい青緑） 業種｜医療・クリニック　No.02 医療｜診療科目（丸アイコン） 業種｜医療・クリニック　No.03 医療｜はじめての方へ（受診の流れ） 業種｜医療・クリニック　No.04 医療｜院長あいさつ 有料会員限定 業種｜医療・クリニック　No.05 医療｜予約CTA（電話大きめ）

業種｜和・伝統　No.01 和｜縦組みのメインビジュアル 業種｜和・伝統　No.02 和｜三つのこだわり 業種｜和・伝統　No.03 和｜お品書き（縦の罫） 業種｜和・伝統　No.04 和｜店舗のご案内 有料会員限定 業種｜和・伝統　No.05 和｜フッター（細い罫と屋号）

業種｜士業・金融　No.01 士業｜メインビジュアル（濃紺・角） 業種｜士業・金融　No.02 士業｜取扱分野（罫線の一覧） 業種｜士業・金融　No.03 士業｜料金表（明朗会計） 業種｜士業・金融　No.04 士業｜所属専門家の紹介 有料会員限定 業種｜士業・金融　No.05 士業｜相談の申込（枠つき）

業種｜飲食　No.01 飲食｜メインビジュアル（写真主役） 業種｜飲食　No.02 飲食｜おすすめの一皿（写真＋説明） 業種｜飲食　No.03 飲食｜店内・雰囲気（写真の格子） 業種｜飲食　No.04 飲食｜予約フォーム（人数・日時） 有料会員限定 業種｜飲食　No.05 飲食｜営業案内のフッター

業種｜建築・不動産　No.01 建築｜メインビジュアル（余白と写真面） 業種｜建築・不動産　No.02 建築｜作品一覧（大きな余白） 業種｜建築・不動産　No.03 建築｜設計の進め方 業種｜建築・不動産　No.04 建築｜物件情報（不動産） 有料会員限定 業種｜建築・不動産　No.05 建築｜事務所概要のフッター

業種｜教育・スクール　No.01 教育｜メインビジュアル（明るい） 業種｜教育・スクール　No.02 教育｜コース紹介（学年別） 業種｜教育・スクール　No.03 教育｜合格実績・成績の伸び 業種｜教育・スクール　No.04 教育｜保護者の声 有料会員限定 業種｜教育・スクール　No.05 教育｜体験申込（大きなボタン）