Kumiki Web

ブリーフから一語の語彙指示で安定したコーポレートサイトの HTML を生成し、足場を剥がして保守可能な FLOCSS+SCSS に着地させる製造工程。

成果物

• 語彙集 v0 data-as 固定語彙（ジャンル20語＋形態7語）の DOM 骨格と min-width 契約
• SCSS 再利用ルール data-as コンポーネントを書く三層モデル（@mixin / %placeholder / [data-as]）

サンプル（リファレンス実装）

• canvas: z414x モバイル幅の等比ズーム単柱（旧 mobile-only）。全ジャンル20語＋形態語の確認用。狭めるほど等比縮小・414で凍結＋rail
• canvas: z414-720-z960x 720pxで2コンプ切替（旧 full-width-centered）。<720はz414ズーム単柱／≥720はz960ズーム＋data-bleed全幅バンド。全ジャンル確認用

Phase 1 / v0 ＝ 設計・仕様策定段階。語彙はリファレンス実装で叩いて改訂する前提の草稿です。キャンバス値は「マクロ幅フロー記法」（<挙動><コンプ>[x]）で命名。