アール・デコ デザインインスピレーション
1920年代ニューヨーク。ジャズ・エイジの華やかさと秩序。金と黒で織りなす幾何学的装飾美 -- アール・デコは「装飾」と「構造」を融合した、20世紀最も荘厳なデザイン様式だ。グレートギャツビーの邸宅、クライスラービルのファサード、その幾何学パターンは今なおラグジュアリーブランドの基盤となっている。
このページの使い方
各セクションにインラインHTMLのビジュアル例を配置しています。金と黒のコントラスト、幾何学パターンの荘厳さを画面上で体感してください。
デザイン哲学 -- 幾何学が荘厳を作る
黒は漆黒であれ。金は純金であれ。中間は存在しない。
アール・デコの本質は「対比」にある。黒と金。直線と曲線。空間と装飾。この対比が荘厳さを生む。そして幾何学パターン -- シェブロン、ファン、ジグザグ -- がすべてを統合する。
カラーパレット -- 金と黒の二元論
アール・デコのカラーは極めてシンプル。黒と金。必要ならシルバー。それ以外は不要。
Color System
| Token | 値 | 役割 |
|---|---|---|
| bg-black | #0a0a0a | メイン背景 |
| bg-dark | #1a1a1a | セクション背景 |
| text-gold | #d4af37 | 見出し・装飾 |
| text-white | #ffffff | 本文テキスト |
| text-muted | #888888 | 補助テキスト |
| border-double | 4px double #d4af37 | 装飾ボーダー |
幾何学パターン -- CSSで描く黄金時代
Geometric Patterns
CHEVRON
GRID
ZIGZAG
コンポーネント -- 荘厳を組み立てる
ボタンバリエーション
Primary
Secondary
Gold Fill
装飾カード
Decorative Card
ダブルラインボーダーのアール・デコカード。荘厳な枠が内容を引き立てる。
Subtle Card
控えめなボーダーの標準カード。コンテンツが主役になる。
タイポグラフィ -- ALL CAPSの荘厳
アール・デコのタイポグラフィは「声を張る」のではなく「姿勢を正す」。ALL CAPS + 広い letter-spacing が、文字に荘厳さを与える。
THE GRAND GALA
本文テキストはエレガントなセリフ体で読みやすさを確保。見出しとの対比で荘厳さが際立つ。
CAPTION TEXT -- SMALL AND GEOMETRIC
タイポグラフィの階層
| 役割 | サイズ | ウェイト | Letter-spacing | Transform |
|---|---|---|---|---|
| Display | 64px | 400 | 8px | uppercase |
| H1 | 48px | 400 | 6px | uppercase |
| H2 | 36px | 700 | 4px | uppercase |
| Body | 16px | 400 | 0.3px | none |
| Caption | 12px | 300 | 2px | uppercase |
ボーダー装飾 -- 線が語る格式
Subtle
Standard Gold
Thick Gold
Double Line
使い方ガイド
Stitch への投入方法
/Users/takehiro/Documents/WorkSpace/otani/Skills/create-design/templates/ART_DECO.mdをプロジェクトのDESIGN.mdにコピー- ゴールドのトーンをブランドに合わせて調整
- Stitch に「この DESIGN.md に従ってLPを作成してください」と指示
適したプロジェクト
- 高級ホテル・レストランのウェブサイト
- ラグジュアリーブランドのLP
- ジュエリー・時計のECサイト
- ガラ・イベントの招待ページ
- バー・ラウンジのウェブサイト
不向きなプロジェクト
- カジュアルなSaaSプロダクト
- 子供向けのサービス
- ヘルスケア・医療系
- テック系スタートアップ
フォントの注意
Google Fonts から Poiret One / Playfair Display / Cormorant Garamond を読み込んでください。Poiret One は ALL CAPS での使用を前提としています。