DocsDesignPresets & Templates

Presets & Templates

Industry design presets, how to apply them, and how to build on top of them.

What Are Presets?

Design Presets are professionally-crafted style configurations that instantly transform the visual character of any generated site — without altering the content or HTML structure.

Presets modify CSS variables, font choices, spacing, and color palettes. They apply in milliseconds and can be combined. They are completely free — no credits consumed.

Applying a Preset

1.Open any project in the 3D Builder
2.Click the paintbrush icon (Design Presets) in the left panel
3.Browse by category or scroll the grid
4.Click any preset to preview it live in the right pane
5.Click Apply to confirm, or browse more to compare

The live preview updates as you hover over presets — compare before committing.

Preset Categories

Industry Presets — Tuned for specific verticals: Restaurant, Tech SaaS, Creative Portfolio, Real Estate, E-commerce, Healthcare, Legal, Fitness, Beauty/Spa, Architecture, Non-profit

Color Palettes — Coordinated color schemes: Obsidian (dark), Arctic (white/ice), Ember (warm orange), Ocean (blue/teal), Forest (green), Dusk (purple/violet), Candy (pastel), Noir (black and white), Copper (warm metallic)

Typography Sets — Font pair + sizing: Editorial, Modern, Technical, Handcrafted, Corporate, Cinematic, Humanist

Layout Density — Spacing and containment: Airy (generous whitespace), Standard, Compact (information-dense)

Customizing a Preset

Presets are starting points. After applying:

•Fine-tune with chat: "Make the accent color slightly warmer" or "Increase the section heading size"
•Edit CSS variables directly in the Code tab — modify the :root block
•Combine presets: Apply an Industry preset, then override with a Color Palette preset for a refined result

All changes are saved to your project automatically.

PreviousDesign SystemNextDeployment & Export