# Vero｜ECのWebデザイン参考

> 白いドレスの彫刻が、ずっと画面の真ん中にいる。ドレスを彫刻にするアートスタジオVeroのサイトは、白い彫刻を画面の中心に据え続け、ECでありながらギャラリーを歩くような鑑賞の時間をつくっている。

- URL: https://www.verostudio.com/
- 解説ページ: https://katapick.com/sites/vero
- カテゴリ: EC / 地域: 海外（US）/ 業種: ファインアート・ウェディングドレスの彫刻制作
- テイスト: セリフ体、映像主体、3D/WebGL、スクロール演出、余白、ミニマル
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 36 時間）

## 編集部のひとこと（Leo）
制作プロセスの章、縦に3840pxもあるの！写真の帯が横に流れていくっぽくて、メイキング映像を観てる気分！最後に「from DRESS, to DATA, to SCULPTURE.」が来た瞬間、鳥肌！

## デザインの見どころ
- 直立の大文字に「forever」などの語だけイタリックを混ぜる。1行の中で、声の抑揚まで組版で聞かせる
- 白いドレス彫刻を中央に留め、見出しだけを流していく。売り場ではなく、展示室として作品を見せる
- 地はクリームとチャコールの2色。オレンジは映像と写真の中に閉じ込め、作品の温度として効かせる

## 配色
- #f3f0ed Ivory Cream（背景）
- #181615 Charcoal（テキスト）
- #979696 Stone Gray（補助テキスト / 薄い見出し）
- #f8f8f8 Porcelain（ヘッダーのボタン背景）
- #ed8e32 Amber Orange（映像・写真の背景色（スクショから採色））

## フォント
- 見出し（大文字＋イタリック）: Louize Display（代替: Cormorant Garamond）
- 本文・ボタン・ラベル: Beausite Classic（代替: Instrument Sans）

## よくある質問
### Veroのサイトで使われているフォントは？
見出しに Louize Display、本文やボタンに Beausite Classic が使われています。無料で近づけるなら Cormorant Garamond と Instrument Sans の組み合わせが使えます。

### 大文字とイタリックを混ぜた見出しはどう組む？
1行の中で強調したい語だけを <em> で囲み、font-style: italic と小文字にします。大文字部分は letter-spacing をわずかに詰め、ベースラインをそろえると上品に見えます。

### Veroのデザインはどんな業種の参考になる？
オーダーメイドの工芸品、ジュエリー、ブライダル、アートピースなど、1点物の商品を高価格帯で見せたいECやブランドサイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/vero からダウンロードできます。
出典: Katapick（https://katapick.com）