プリセットとテンプレート
業種別デザインプリセット、適用方法、カスタマイズについて。
プリセットとは?
デザインプリセットは、コンテンツやHTML構造を変えることなく、生成されたサイトの視覚的な特徴を瞬時に変換する、プロフェッショナルに作られたスタイル設定です。
プリセットはCSS変数、フォント選択、スペーシング、カラーパレットを変更します。ミリ秒で適用され、組み合わせることもできます。完全無料 — クレジット消費なし。
プリセットの適用方法
1.3Dビルダーで任意のプロジェクトを開く
2.左パネルの筆アイコン(デザインプリセット)をクリック
3.カテゴリで絞り込むかグリッドをスクロール
4.任意のプリセットをクリックして右パネルでライブプレビュー
5.適用をクリックして確定するか、比較のためにさらに閲覧
プリセットにホバーするとライブプレビューが更新されます — 確定前に比較できます。
プリセットカテゴリー
業種プリセット — 特定の業界向けに調整: レストラン、テックSaaS、クリエイティブポートフォリオ、不動産、Eコマース、ヘルスケア、法律、フィットネス、ビューティー/スパ、建築、非営利
カラーパレット — 協調したカラースキーム: Obsidian(ダーク)、Arctic(ホワイト/アイス)、Ember(ウォームオレンジ)、Ocean(ブルー/ティール)、Forest(グリーン)、Dusk(パープル/バイオレット)、Candy(パステル)、Noir(白黒)、Copper(ウォームメタリック)
タイポグラフィセット — フォントペア + サイジング: エディトリアル、モダン、テクニカル、ハンドクラフテッド、コーポレート、シネマティック、ヒューマニスト
レイアウト密度 — スペーシングとコンテインメント: エアリー(余白多め)、スタンダード、コンパクト(情報密度高め)
プリセットのカスタマイズ
プリセットは出発点です。適用後:
•チャットで微調整:「アクセントカラーを少し温かみのある色にする」または「セクション見出しのサイズを大きくする」
•コードタブで直接CSS変数を編集 —
:root ブロックを変更•プリセットを組み合わせる:業種プリセットを適用し、カラーパレットプリセットで上書きして洗練された結果を得る
すべての変更はプロジェクトに自動的に保存されます。