Das Aussehen Ihrer Website ändern: Stil, Farben, Schriftarten und Logo

Das Aussehen Ihrer Website legen Sie im Bereich Stil des Editors fest: ein Grundstil, ein Schriftenpaar, Ihre eigenen Farben, die Form der Fotos und die Abstände. Jede Änderung erscheint sofort in der Vorschau, und Ihre Besucher sehen sie nach Ihrer nächsten Veröffentlichung. Ihr Logo und das kleine Symbol im Browser-Tab finden Sie in den Website-Einstellungen.

Den Bereich Stil öffnen

1. Öffnen Sie im Editor das Menü … in der Leiste oben.
2. Klicken Sie auf Stil.

Jede Änderung wird von selbst gespeichert und erscheint sofort in der Vorschau: Sie müssen nicht auf Aktualisieren klicken. Jede Änderung ist außerdem eine Version, sodass der Rückgängig-Pfeil und Versionen wie bei jeder anderen Bearbeitung funktionieren.

Einen ersten Stil haben Sie beim Erstellen der Website gewählt. Hier können Sie ihn jederzeit ändern.

Die 4 Grundstile

Unter Grundstil legt jede Karte die Farben und Schriften der gesamten Website fest.

Die Schriften und Farben, die Sie selbst wählen (siehe unten), bleiben erhalten, wenn Sie zu einem anderen Grundstil wechseln. So können Sie die vier Stile ausprobieren, ohne Ihre Markenfarbe zu verlieren.

Schriften

Jedes Paar unter Schriften hat eine Schrift für Titel und eine für den Text:

• Elegant: Gilda Display für Titel, Hanken Grotesk für Text
• Klassisch: Playfair Display und Source Sans 3
• Warm: Lora und Nunito Sans
• Modern: Manrope und Inter

Klicken Sie auf ein Paar, um es zu verwenden. Um zu den Schriften Ihres Grundstils zurückzukehren, klicken Sie auf Schriften des Stils verwenden.

Auf einer Website auf Russisch ist Elegant ausgegraut mit Nicht auf Russisch verfügbar: Seine Schriften haben keine russischen Buchstaben. Seiten auf Chinesisch verwenden die chinesischen Schriften des Geräts des Besuchers.

Eine Einstellung für die Textgröße gibt es nicht.

Ihre eigenen Farben

Unter Farben können Sie drei Farben des Stils ersetzen:

• Hauptfarbe (Schaltflächen und Links)
• Hintergrund
• Text

1. Klicken Sie auf das Farbquadrat, um eine Farbe zu wählen, oder tippen Sie ihren Code in das Feld daneben (zum Beispiel #1d6a85) und drücken Sie Enter.
2. Sehen Sie sich das Muster unter den Farben an: Eine Schaltfläche Buchen und Ein Link zeigen, wie sie aussehen werden.
3. Um Ihre Farben zu verwerfen und zu denen des Stils zurückzukehren, klicken Sie auf Farben des Stils verwenden.

Ein Farbsatz gilt für die gesamte Website: Ein Block kann keine eigenen Farben haben, und es gibt keine dunkle Version der Website.

Farben aus Ihrem Logo

Hat Ihre Website ein Logo, zeigt Farben aus deinem Logo bis zu 3 darin gefundene Farben. Klicken Sie auf eine, um sie zu Ihrer Hauptfarbe zu machen. Weiß, Schwarz und Grautöne werden ignoriert, deshalb zeigt ein schwarz-weißes Logo „In deinem Logo wurde keine Farbe gefunden.“

Wie Nowistay Ihre Farben lesbar hält

Manche Farben sind auf einer Website schwer lesbar, zum Beispiel eine blassgelbe Schaltfläche mit weißem Text. Nowistay passt sie für Sie an:

• Schaltflächen behalten Ihre Hauptfarbe. Ist sie zu hell, um sich vom Hintergrund abzuheben, dunkelt Nowistay sie gerade so weit ab wie nötig. Der Text auf der Schaltfläche ist weiß oder dunkel, je nachdem, was besser lesbar ist.
• Links verwenden bei Bedarf einen dunkleren Ton Ihrer Hauptfarbe, damit sie auf dem Hintergrund lesbar sind.
• Der Hintergrund bleibt immer hell, und der Text bleibt dunkel genug zum Lesen.

Ändert Nowistay eine Ihrer Farben, zeigt der Bereich: „Angepasst, damit alles lesbar bleibt: Links nutzen einen dunkleren Ton deiner Farbe, Hintergründe bleiben hell und Text dunkel genug.“

Beispiel: Sie vermieten eine Villa am Meer, Villa Azur, und Ihr Logo ist eine blassgelbe Sonne. Unter Farben aus deinem Logo klicken Sie auf das Gelb. In der Vorschau werden die Schaltflächen ein etwas kräftigeres Gelb mit dunklem Text und die Links ein dunklerer Ton desselben Gelbs, während der Hintergrund hell bleibt. Möchten Sie kräftigere Schaltflächen, tippen Sie selbst ein tieferes Gelb in Hauptfarbe (Schaltflächen und Links) ein.

Formen und Abstände

Unter Formen und Abstände:

• Fotoform: Quadratisch, Leicht abgerundet (leicht abgerundete Ecken) oder Bogen (oben abgerundet). Sie ändert die Fotos des Hauptbanners und der Unterkunftskarten.
• Abstände: Luftig lässt mehr Platz zwischen den Teilen jeder Seite, Standard rückt sie näher zusammen.

Logo und Symbol

Logo und Symbol legen Sie in den Website-Einstellungen fest.

1. Öffnen Sie das Menü … und dann Website-Einstellungen.
2. Klicken Sie unter Website-Identität bei Logo auf Hochladen und wählen Sie Ihre Datei. Mit Ersetzen oder Entfernen ändern Sie es später.
3. Klicken Sie bei Symbol auf Hochladen und wählen Sie ein quadratisches Bild.

Der obere Teil Ihrer Seiten hat immer einen hellen Hintergrund, verwenden Sie also die Version Ihres Logos für helle Hintergründe (ein weißes Logo wäre nicht zu sehen). Beides ist optional.

Mehr zu den anderen Einstellungen unter Website-Einstellungen: Name, Kontaktdaten, Unterkünfte und Google.

Stattdessen die KI fragen

Die KI kann Grundstil, Schriften, Farben, Fotoform und Abstände für Sie ändern. Zum Beispiel:

• „Verwende den Stil Landhaus mit Fotos in Bogenform.“
• „Mach die Hauptfarbe zum Blau unserer Fensterläden, etwas dunkler.“

Logo und Symbol kann sie nicht ändern. Siehe Ihre Website mit KI bearbeiten.

Das neue Aussehen online stellen

Die Vorschau zeigt Ihr neues Aussehen sofort. Um es auf einem kleinen Bildschirm zu prüfen, klicken Sie in der Leiste des Editors auf das Symbol Smartphone.

Ihre Besucher sehen es nach der Veröffentlichung: Klicken Sie auf Veröffentlichen und dann auf Änderungen veröffentlichen. Danach übernimmt auch der Buchungskalender auf Ihrer Website Ihre Farben und Schriften. Siehe Ihre Website veröffentlichen und Änderungen online stellen.