Designgarden の
全画面索引

Hero (kojiya モデル着用) / Featured Creators / New Works / Collections。Phase A 後期改訂 v10 で oxide accent / 商材 8 種ラインナップ / Editor's Picks 階層化 / creator bioJaLong 拡張済

人物写真撤回。3 slot banner system (Hero / Mid / Bottom) を /admin/banners から切替可能。各 slot 3 preset = 9 banner 用意。localStorage 永続化、別タブで storage event 同期。Phase A 改訂 v11

全作品グリッド

T シャツ / マグ / iPhone / ポストカードを Item Switcher で切替

カラー / シルエット / サイズ / 数量。常時露出 row + ボディ詳細 4 シーンタイル

機種 5 種 (iPhone 17 Pro Max / 16 Pro / 15 / Galaxy S25 Ultra / Pixel 9) × 仕上げ 3 種 (クリア / マット黒 / ホワイト) × 数量。SSOT 11 §4 spec table 採用、Phase A 価格 ¥4,598 統一

アングル 3 種 (正面 / 3-4 / 側面) × カラー 2 種 (ホワイト / ブラック) × 数量。SSOT 11 §3 + SSOT 14 (gen_mug_base.py + mug_composite.py 円筒ワープ) 採用、6 visual states、Phase A 価格 ¥3,751 (美濃焼 / サブリメーション転写)

構成 (1 枚 × 5 / アソート) × 面 (表 / 裏) × 数量。横デザイン対応 (kojiya-bird-flight / mei-fern が landscape)。アソートは同一クリエイターの他作品を CSS scroll-snap で右スワイプ、portrait / landscape 混在可。裏面は postal 7 桁枠 + 切手枠 + 住所 baselines (landscape は 2 本)、footer は tiny maker mark「作品名 · Designed by Creator」。Phase A 価格 ¥1,210 / 5 枚パック

種類 3 種 (Editorial Print / Studio Canvas / Frame Edition) × サイズ 3 種 (A4 / A3 / A2) × 数量。9 visual states を CSS overlay (lifestyle 写真 + 中央 panel に creator design) で切替、type ごとに Material / Dimensions / Print / Hanging / Care スペック差替え。FUJIFILM プリント&ギフト準拠、Phase A 価格 ¥3,500〜¥18,000

サイズ 4 種 (L / 2L / KG / 6切) × 仕上げ 2 種 (光沢 / マット) × 数量。白フチ paper に creator design を焼き付け、size に応じて aspect-ratio (89:127 / 127:178 / 102:152 / 203:254) と width 切替。Phase A 初実装の数量割引 3 tier (1-5 枚定価 / 6-20 枚 15% off / 21+ 枚 30% off) + 「あと N 枚で次 tier」hint。価格 L ¥180 (1 枚) → ¥126 (21+ 枚)

FUJIFILM × カリモク家具 公式コラボ。3 variants = frame #001 (Standard ¥6,600〜¥8,800) / ROUND by karimoku (Premium ¥42,900) / PAIR by karimoku (Premium ¥42,900)。variant 依存の条件付き options render を Phase A 初実装 (frame #001 = size 2 種 / ROUND = frame 3 × mat 3 = 9 combo / PAIR = frame 2 × mat 3 = 6 combo)。tier badge で premium 視覚区別、ROUND は CSS clip-path circle で円形 design 配置

FUJIFILM 公式商品。3 sizes (S 70×70 / M 90×90 = 公式 ¥3,960 / L 130×130) × 数量。Phase A 初実装の透明感 CSS 表現 = opacity layer + linear-gradient highlight + inset shadow ring でガラス感を演出、size 切替で width 110→150→200px が 300ms transition。M に「FUJIFILM 公式」micro badge 付与。価格 ¥2,640〜¥5,940

FUJIFILM 公式商品 ¥1,870 一律。写真形状 2 種 (円形 / 正方形) × 色 4 種 (Gold / Silver / Rose Gold / Black) × 数量。Phase A 初実装の色切替 CSS filter (hue-rotate / grayscale / brightness) で各色 lifestyle 撮影を回避、shape は CSS clip-path で circle ⇄ rect 切替。lifestyle は机上配置 (SSOT 11 §8 人物手・顔禁止厳守)、価格横に「FUJIFILM 公式」micro badge

Phase B で実データ反映予定

T シャツ 2 商品入りの populated state + qty stepper + 削除 + 空状態。チェックアウトは Phase B

配送先住所 + 配送方法 + 注文サマリ sticky。Step indicator(1/2/3)付き

Stripe(クレカ/PayPay) / Paidy 後払い のラジオ選択。後払いは手数料 ¥330 自動加算、お届け先・配送方法の確認も同画面

注文ありがとう Hero + 注文番号 + items / 合計 + お届け先 + ETA + 決済プロバイダ + 次のステップ + 問合せ aside。?method=stripe|paidy で切替(Paidy は手数料 ¥330 含む)。Step 2 から 2.5s 自動遷移

/b の 3 slot × 3 preset banner を radio で切替、localStorage 永続化 + CustomEvent で /b へ即時反映。Phase A モック admin、Step 1 本番で apps/admin (SSOT 15) へ移行予定

Editorial 並び

Portrait + 代表作 + bio

Phase A 簡易 LP — 3 ステップ概要 + 売上分配の考え方。CTA から /studio/signup に進む

editorial split + 3 step state machine。Step 1 identity (handle / 表示名 / email) → Step 2 profile (bio / portrait) → Step 3 同意 (利用規約 + 報酬契約 2 checkboxes)。global header/footer 非表示。submit 1.5s mock 後 /studio へ

クリエイター登録完了後の placeholder ダッシュボード。実機能は Phase B

Canva テンプレ gallery 10 種 (5 category × 2 design)。カテゴリ / カバー種 / サイズ / ページ数の 4 軸 sticky filter で絞り込み、card hover で「Canva でつくる」CTA → 新規タブで Canva (target=_blank, ダミー design ID)。SSOT 35 §4.1 配布 UI 準拠 / 富士フイルム f-photobook.jp の microcopy を踏襲

Canva 編集済 PDF を取り込む 2 サブステップ wizard。Step 3 = ドラッグ&ドロップ + 1.7s fake progress (mock R2 upload)、Step 4 = 完了画面で 2 大 CTA card 分岐 (「クリエイターアイテムとして登録」 / 「自分用に購入する」¥7,800)。SSOT 35 §0.2 アンチパターン準拠 (Canva API 不採用 / 弊社編集 UI 不実装)

Editorial の入口

テーマ別の編集ページ

ブランドステートメント

5 シルエット × XS-XXL の実寸表

国内のみ・受注生産 7-15 営業日

受注生産品の方針 + 初期不良対応

16 条構成・会員 3 ロール対応

APPI 準拠・取得情報・委託先・国外移転

APPI 第 32〜35 条にもとづく請求フォーム

同意管理 4 カテゴリ

プラットフォーム表記

改正電気通信事業法 第 27 条の 12

通報フォーム + フロー

Step 1 で実装

APPI 開示請求の会員版・Step 1 で実装

Editorial split layout(SSOT 03 §3.4)・Google / Apple / メール OTP の 3 方式・「続ける」文言・新規登録という言葉を使わない