header-logo
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Studio Editor: Über Website-Stile

2 min
Das Website-Stile-Panel ist eine zentrale Stelle, um die Typografie, Farben, Seitenübergänge und die maximale Breite der Website zu verwalten. Ein Design für die Website deines Kunden zu erstellen ist eine großartige, ganzheitliche Möglichkeit, Zeit zu sparen und sicherzustellen, dass das Design konsistent ist.

Farbkonsistenz schaffen

Website-Farben sind eine kreative Möglichkeit, die Marke deines Kunden zu stärken und zu präsentieren. Verwende den Tab Farben, um Farbtöne zu verwalten und anzupassen und so ein einheitliches Design für die gesamte Website zu erstellen.
Hast du die Website-Farben angepasst? Du kannst Farbtöne aus dem Inspektor auf Elemente anwenden. Erfahre mehr über das Arbeiten mit Website-Farben.
Der Inspektor ist für ein Vektorelement geöffnet. Eines der Farbfelder ist geöffnet und eine Designfarbe wurde angewendet.

Die Typografie einer Website optimieren

Text ist ein wichtiger Bestandteil einer Website, und du kannst das Design verwenden, um die Aussagen und Inhalte einer Marke aussagekräftig darzustellen.
Im Tab Typografie kannst du jeden Aspekt des Textes anpassen. Aktualisiere Schriftarten, um Änderungen schnell auf der gesamten Website anzuwenden, oder passe für eine detailliertere Gestaltung einzelne Textstile an (z. B. Überschrift 4, Absatz 1). Erfahre mehr über die Arbeit mit Typografie.
Die Optionen zum Bearbeiten von Text wurden für die Überschrift 6 im Panel „Website-Stile“ geöffnet. Der Mauszeiger aktiviert den Schieberegler „Text skalieren“.

Die Breite der Website definieren

Möchtest du begrenzen, wie stark Elemente auf verschiedenen Bildschirmgrößen wachsen? Verwende den Tab Maximalbreite, um den Maximalwert festzulegen.
Dadurch wird verhindert, dass Elemente, die du auf proportionales Skalieren eingestellt hast, über eine bestimmte Größe hin wachsen, sodass du dir keine Gedanken über übergroße Komponenten oder blockierte Inhalte machen musst.
Der Tab Maximalbreite im Website-Stile-Panel ist geöffnet.

Eine anregende Navigation erstellen

Seitenübergänge machen die Navigation für Website-Besucher ansprechender. Sobald du den Effekt angewendet hast, wird er auf jeder Seite der Website deines Kunden angezeigt.
Du kannst über den Tab Seitenübergänge einen Effekt ein- oder auslaufen lassen. Es sieht auf der Live-Website nicht so aus, wie du es möchtest? Du kannst den Übergang entfernen, indem du auf Keine klickst.
Hinweis:
Du kannst Übergänge nur auf der Live-Website ansehen. Im Vorschaumodus werden sie nicht angezeigt.
Screenshot des Website-Stile-Panels mit geöffnetem Abschnitt Seitenübergänge, in dem der Außen-Innen-Übergang ausgewählt ist
Der Inspektor ist für ein Vektorelement geöffnet. Eines der Farbfelder ist geöffnet und eine Designfarbe wurde angewendet.
Die Optionen zum Bearbeiten von Text wurden für die Überschrift 6 im Panel „Website-Stile“ geöffnet. Der Mauszeiger aktiviert den Schieberegler „Text skalieren“.
Der Tab Maximalbreite im Website-Stile-Panel ist geöffnet.
Screenshot des Website-Stile-Panels mit geöffnetem Abschnitt Seitenübergänge, in dem der Außen-Innen-Übergang ausgewählt ist