Shared Config
会社名翠庭園
電話番号0120-XXX-XXX
設定ファイル
src/config/site.tsセクション数7 sections (共通)
Design A
Preview和風 - Japanese Traditional
日本の伝統美を活かした格調高いデザイン。明朝体、金×深緑の配色。高級感のある造園会社に最適。
|Noto Serif JP
Sections
1Header深緑背景、金文字ロゴ、固定ナビ
2Hero全画面、和柄パターン背景、明朝体大見出し
3Servicesクリーム背景、4カード（2×2）、角型
4Works深緑背景、6グリッド（3×2）、角型カード
5Testimonialsクリーム背景、3カラム、引用符装飾
6About深緑背景、テーブル形式
7Contactクリーム背景、電話CTA＋メールボタン
8Footer最深緑、コピーライト
Design B
Previewモダン - Modern
ダーク基調に鮮やかなグリーンのアクセント。ゴシック体、幾何学的デザイン。先進的なイメージの造園会社に。
|Noto Sans JP
Sections
1Headerダーク背景、白ロゴ、pill型CTAボタン
2Heroダーク背景、グロー効果、丸型装飾、太字見出し
3Servicesダーク背景、角丸カード、ホバーボーダー
4Works濃灰背景、角丸カード、グリーンアクセント
5Testimonialsダーク背景、角丸カード
6About濃灰背景、角丸テーブル
7Contactダーク背景、pill型ボタン
8Footer最深黒、コピーライト
Design C
Previewナチュラル - Natural
温かみのあるアースカラー。丸ゴシック体、有機的な角丸デザイン。親しみやすい雰囲気の造園会社に。
|M PLUS Rounded 1c
Sections
1Header白背景、グリーンロゴ、角丸CTAボタン
2Heroグラデ背景、有機的blob装飾、バッジ付き
3Servicesベージュ背景、シャドウカード、アイコン角丸背景
4Works白背景、シャドウ角丸カード
5Testimonials薄緑背景、白カード
6Aboutベージュ背景、白テーブル
7Contact白背景、薄緑電話枠、影付きボタン
8Footerチャコール背景、コピーライト
Page Structure
1
Header (fixed)
2
Hero (100vh)
3
Services (2×2 grid)
4
Works (3×2 grid)
5
Testimonials (3 col)
6
About (table)
7
Contact (CTA)
8
Footer