DokumentationDesignVoreinstellungen & Vorlagen

Voreinstellungen & Vorlagen

Branchen-Design-Voreinstellungen, deren Anwendung und wie man darauf aufbaut.

Was sind Voreinstellungen?

Design-Voreinstellungen sind professionell erstellte Stilkonfigurationen, die das visuelle Erscheinungsbild jeder generierten Website sofort verändern – ohne den Inhalt oder die HTML-Struktur zu ändern.

Voreinstellungen ändern CSS-Variablen, Schriftarten, Abstände und Farbpaletten. Sie werden in Millisekunden angewendet und können kombiniert werden. Sie sind komplett kostenlos – es werden keine Credits verbraucht.

Voreinstellung anwenden

1.Öffnen Sie ein beliebiges Projekt im 3D Builder
2.Klicken Sie auf das Pinselsymbol (Design-Voreinstellungen) im linken Bereich
3.Nach Kategorie durchsuchen oder im Raster scrollen
4.Klicken Sie auf eine Voreinstellung, um sie live im rechten Bereich anzuzeigen
5.Klicken Sie auf Anwenden zur Bestätigung oder durchsuchen Sie weitere, um zu vergleichen

Die Live-Vorschau aktualisiert sich, wenn Sie über Voreinstellungen fahren – vergleichen Sie, bevor Sie sich festlegen.

Voreinstellungs-Kategorien

Branchen-Voreinstellungen — Abgestimmt auf spezifische Branchen: Restaurant, Tech SaaS, Kreativ-Portfolio, Immobilien, E-Commerce, Gesundheitswesen, Recht, Fitness, Beauty/Spa, Architektur, Non-Profit

Farbpaletten — Koordinierte Farbschemata: Obsidian (dunkel), Arktis (weiß/eis), Glut (warmes Orange), Ozean (blau/türkis), Wald (grün), Dämmerung (lila/violett), Candy (pastell), Noir (schwarz-weiß), Kupfer (warm metallisch)

Typografie-Sets — Schriftpaar + Größenanpassung: Redaktionell, Modern, Technisch, Handgefertigt, Korporativ, Filmisch, Humanistisch

Layout-Dichte — Abstände und Begrenzung: Luftig (großzügiger Leerraum), Standard, Kompakt (informationsdicht)

Voreinstellung anpassen

Voreinstellungen sind Ausgangspunkte. Nach dem Anwenden:

Feinabstimmung per Chat: „Machen Sie die Akzentfarbe etwas wärmer“ oder „Erhöhen Sie die Größe der Abschnittsüberschrift“
Bearbeiten Sie CSS-Variablen direkt im Code-Tab – ändern Sie den :root-Block
Voreinstellungen kombinieren: Wenden Sie eine Branchen-Voreinstellung an und überschreiben Sie diese dann mit einer Farbpaletten-Voreinstellung für ein verfeinertes Ergebnis

Alle Änderungen werden automatisch in Ihrem Projekt gespeichert.