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

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

業界別デザインプリセット、適用方法、およびそれらを基盤とした構築方法。

プリセットとは?

デザインプリセットは、プロが作成したスタイル設定であり、コンテンツやHTML構造を変更することなく、生成されたサイトの視覚的特性を瞬時に変換します。

プリセットは、CSS変数、フォントの選択、間隔、カラーパレットを変更します。ミリ秒単位で適用され、組み合わせることも可能です。完全に無料で、クレジットは消費されません。

プリセットの適用

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

プリセットにカーソルを合わせるとライブプレビューが更新されます — 確定する前に比較してください。

プリセットカテゴリ

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

カラーパレット — 調整された配色: オブシディアン(ダーク)、アークティック(白/氷)、エンバー(暖色オレンジ)、オーシャン(青/ティール)、フォレスト(緑)、ダスク(紫/バイオレット)、キャンディ(パステル)、ノワール(白黒)、カッパー(暖色メタリック)

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

レイアウト密度 — 間隔とコンテインメント: エアリー(ゆったりとした余白)、標準、コンパクト(情報密度の高い)

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

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

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

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