ドキュメントデザインプリセットとテンプレート

プリセットとテンプレート

業種別デザインプリセット、適用方法、カスタマイズについて。

プリセットとは?

デザインプリセットは、コンテンツやHTML構造を変えることなく、生成されたサイトの視覚的な特徴を瞬時に変換する、プロフェッショナルに作られたスタイル設定です。

プリセットはCSS変数、フォント選択、スペーシング、カラーパレットを変更します。ミリ秒で適用され、組み合わせることもできます。完全無料 — クレジット消費なし。

プリセットの適用方法

1.3Dビルダーで任意のプロジェクトを開く
2.左パネルの筆アイコン(デザインプリセット)をクリック
3.カテゴリで絞り込むかグリッドをスクロール
4.任意のプリセットをクリックして右パネルでライブプレビュー
5.適用をクリックして確定するか、比較のためにさらに閲覧

プリセットにホバーするとライブプレビューが更新されます — 確定前に比較できます。

プリセットカテゴリー

業種プリセット — 特定の業界向けに調整: レストラン、テックSaaS、クリエイティブポートフォリオ、不動産、Eコマース、ヘルスケア、法律、フィットネス、ビューティー/スパ、建築、非営利

カラーパレット — 協調したカラースキーム: Obsidian(ダーク)、Arctic(ホワイト/アイス)、Ember(ウォームオレンジ)、Ocean(ブルー/ティール)、Forest(グリーン)、Dusk(パープル/バイオレット)、Candy(パステル)、Noir(白黒)、Copper(ウォームメタリック)

タイポグラフィセット — フォントペア + サイジング: エディトリアル、モダン、テクニカル、ハンドクラフテッド、コーポレート、シネマティック、ヒューマニスト

レイアウト密度 — スペーシングとコンテインメント: エアリー(余白多め)、スタンダード、コンパクト(情報密度高め)

プリセットのカスタマイズ

プリセットは出発点です。適用後:

チャットで微調整:「アクセントカラーを少し温かみのある色にする」または「セクション見出しのサイズを大きくする」
コードタブで直接CSS変数を編集:root ブロックを変更
プリセットを組み合わせる:業種プリセットを適用し、カラーパレットプリセットで上書きして洗練された結果を得る

すべての変更はプロジェクトに自動的に保存されます。