SQUAREONE Operation Docs
SITE-05 · WEB サイト
見本ブランド
塩竈 阿部勘
dark premium の酒蔵サイト (1716-)
QINO.jp 完全踏襲の dark premium nature。near-black BG + 苔の緑 accent + Cormorant Garamond italic + Noto Serif JP。Sticky scroll-zoom KV (3 viewport で bottle が拡大 → 動画にクロスフェード) + ping-pong 動画背景 + scroll-reveal 商品 grid + 4 言語切替 (JP/EN/KR/CN) + drag carousel。3 ページ完結 (HOME
3-page brand site (home / about / products)、4 言語切替
サイトEC・物販飲食酒造製造quiet-luxurycraftsmanshipdarkheritagenature
配色
構成
- Hero sticky zoom KV
- About preamble
- Projects (商品 grid)
- Drag strip
- News
- CTA marquee
ここから先は契約者向けです。
- 実物のページ (3 枚) を、そのまま開いて読む
- この作例を選ぶ理由 (3 点) の中身
- この系統でやってはいけないこと (2 点)
- card.yaml (構成・配色・依存を機械可読にしたもの)