雑貨セレクトショップ（かわいい）

だれに向けたページか

ちょっとした贈り物や、自分の暮らしに小さな「好き」を足したい20〜40代。 ポケットの中身をひっくり返したような、たのしい散らかりで迎え、新着の一覧から買いに進ませる。

色

文字

• 見出し：Kiwi Maru 500（ころんとした明朝寄りの丸文字）
• 英字・数字：Fredoka 600
• 本文：Zen Maru Gothic 500・16px

ページの構成と演出

1. メインビジュアル（A10）：器・布もの・ろうそくなど8枚の商品カードが、少し傾いて画面の外周を囲む。中央に「ぽけっとに、すきなものを。」と「お店をのぞく」ボタン。読み込み時、カードは中央から外周へぱらぱらと散って止まる。スクロールするとカードは外へ少し広がる
2. お店について（F02）：店内の写真の後ろに、オレンジ・黄・ピーチの3枚の板（角が波形のスタンプ型）がずれて重なる。スクロールすると奥の板ほど速く動く
3. 新しく入ったもの（G03）：品名・種類・値段の一覧。PCでは行にマウスを乗せると、その行の上に商品の写真が浮かび、マウスの横の動きについてくる。スマホ・キーボードでは行の右に小さな写真が出ている（フォーカスでも浮かぶ）
4. ぽけっとの選び方：3つの約束（つくり手の顔が見えるもの など）
5. 営業日・アクセス
6. オンラインストアへ・フッター

動きの決まり

• JSや GSAP が無いとき：カードは最初から外周の定位置、色の板も定位置、一覧は行ごとに小さな写真つき。全部読める
• prefers-reduced-motion のときは、上と同じ「動かない版」（浮かぶ写真も出さない）
• 散らばる動きは読み込み時の1回だけ
• 値段・品名・営業日は見本の値。会員が本物に替える

写真（codex）

店内／マグ・トート・ろうそく・お皿・くつ下・花びん・ポーチ、の8枚。人は写さない。

下層ページを作るときの決まり

• 見出しは Kiwi Maru、英字の小見出しは Fredoka
• 商品の写真には色の板を1〜2枚重ねる（スタンプ型の縁）
• 商品一覧は「行にホバーで写真が浮かぶ」一覧に統一する