Sie möchten nun das Designschema Ihrer Designer-Webseite anpassen, dh. die Farben für Hintergründe, Buttons, Titel etc. sowie die Schriften für den Inhaltstext oder die Titel.
Nachdem Sie sich in den «Designer eingeloggt» haben, befinden Sie sich auf der Startseite im Designer-Editor und somit im Bereich «Baukasten». Gehen Sie wie folgt vor:
Gehen Sie gemäss Anleitung «Design-Modus - Designschema wählen» Punkt 1-2 vor.
Wählen Sie «Anpassen» bzw. das «Regler»-Icon, um die verfügbaren Icons für «Farben» & «Schriften» zu erhalten.
Um das Farbkonzept anzupassen klicken Sie oben auf den Bereich «Farben». Ein Popup-Fenster mit verschiedenen Farbkombinationen öffnet sich.
Hier haben Sie nun die Möglichkeit aus den
• Favoriten auszuwählen oder
• Individuell Farben zu hinterlegen.
Farbkombinationen bestehen immer aus 3 Farben. Einer «Dunklen», «Weiss» und einer «Hellen». Wenn Sie nun auf eine Farbkombination klicken, passt sich die Vorschau umgehend an. Wenn Sie zufrieden sind, klicken Sie im Popup-Fenster auf «Speichern».
Um die «Hex-Farbcodes» Ihres CI/CD bzw. Ihre eigene Farbwahl zu hinterlegen, wählen Sie im entsprechenden Popup «Eigene». Nun werden Ihnen die 3 Farbvorgaben angezeigt. Wählen Sie die Farbe (Dunkel, Licht bzw. Akzent) durch Klick auf den entsprechenden Farbkreis aus.
Der «HEX-Farbcode» ist eine 6stellige Zahlenkombination, welche beginnend mit einem Hash-Tag gekennzeichnet wird. Fügen Sie nun den von Ihnen gewünschten Farbcode ein und klicken Sie anschliessend auf «Speichern».
Haben Sie all Ihre Farben gemäss Punkt 7 (Dunkel, Licht bzw. Akzent) hinterlegt, klicken Sie anschliessend auf dieser Übersicht erneut auf «Speichern» im Popup.
Um die Schriften anzupassen klicken Sie oben auf den Bereich «Schriften». Ein Popup-Fenster mit verschiedenen Schriftkombinationen öffnet sich
Wenn Sie auf eine Schriftkombination klicken, passt sich umgehend die Vorschau an. Wenn Sie zufrieden sind, klicken Sie im Popup-Fenster auf «Speichern».
Klicken Sie im oberen Bereich auf «Individuell», so können Sie die «Überschriften» und den «Absatz» selber formatieren. D.h. wählen Sie nach Ihrem Gutdünken die passende Schrift aus (die Vorschau passt sich jeweils umgehend an) und klicken Sie anschliessend auf den «Speichern»-Button.
Um nun weiter an den Inhalten Ihrer Webseite zu arbeiten klicken Sie oben auf den gelben Button «Zum Homepage-Baukasten wechseln».
