DocsDesignVorlagen & Templates

Vorlagen & Templates

Branchen-Design-Vorlagen, wie man sie anwendet und darauf aufbaut.

Was sind Vorlagen?

Design-Vorlagen sind professionell gestaltete Stilkonfigurationen, die sofort den visuellen Charakter jeder generierten Website transformieren — ohne den Inhalt oder die HTML-Struktur zu verändern.

Vorlagen modifizieren CSS-Variablen, Schriftartenauswahl, Abstände und Farbpaletten. Sie werden in Millisekunden angewendet und können kombiniert werden. Sie sind völlig kostenlos — keine Credits verbraucht.

Eine Vorlage anwenden

1.Ein beliebiges Projekt im 3D-Builder öffnen
2.Das Pinselsymbol (Design-Vorlagen) im linken Panel klicken
3.Nach Kategorie durchsuchen oder das Raster scrollen
4.Auf eine beliebige Vorlage klicken, um sie live im rechten Bereich anzuzeigen
5.Anwenden klicken, um zu bestätigen, oder mehr durchsuchen, um zu vergleichen

Die Live-Vorschau aktualisiert sich, wenn Sie über Vorlagen fahren — vor dem Bestätigen vergleichen.

Vorlagenkategorien

Branchenvorlagen — Für spezifische Branchen abgestimmt: Restaurant, Tech SaaS, Kreatives Portfolio, Immobilien, E-Commerce, Gesundheitswesen, Rechtswesen, Fitness, Schönheit/Spa, Architektur, Non-Profit

Farbpaletten — Koordinierte Farbschemata: Obsidian (dunkel), Arktisch (weiß/eis), Ember (warmes Orange), Ozean (blau/türkis), Wald (grün), Abenddämmerung (lila/violett), Bonbon (pastell), Noir (schwarz-weiß), Kupfer (warmes Metall)

Typografie-Sets — Schriftpaar + Größe: Editorial, Modern, Technisch, Handgefertigt, Corporate, Kinematisch, Humanistisch

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

Eine Vorlage anpassen

Vorlagen sind Ausgangspunkte. Nach dem Anwenden:

•Mit Chat feinabstimmen: "Akzentfarbe etwas wärmer machen" oder "Abschnittsüberschriftgröße erhöhen"
•CSS-Variablen direkt im Code-Tab bearbeiten — den :root-Block modifizieren
•Vorlagen kombinieren: Eine Branchenvorlage anwenden, dann mit einer Farbpaletten-Vorlage für ein verfeinertes Ergebnis überschreiben

Alle Änderungen werden automatisch in Ihrem Projekt gespeichert.

ZurückDesign-SystemWeiterDeployment & Export