Farben und Schriften¶
Ahoi bringt zehn Farbpaletten und acht Schriftpaare mit. Palette und Schriftpaar wählen Sie unabhängig voneinander. Die Wahl gilt für die ganze Website; Besucher sehen nur das Ergebnis und können lediglich zwischen hell und dunkel umschalten.
Palette und Schriftpaar wählen¶
- Design → Editor → Stile öffnen.
- Stile durchstöbern wählen.
- Unter Farbvarianten eine Palette anklicken, unter Typografie ein Schriftpaar. Die große Vorschau rechts zeigt das Ergebnis sofort. Sie zeigt den Inhalt der Startseite mit ihrem Titel, ohne Header und Footer.
- Oben auf Speichern klicken.
Jede Palette hat eine helle und eine dunkle Fassung. Welche die Vorschau zeigt, hängt von der Einstellung Ihres Geräts ab. Mit dem Button mit dem Mondsymbol oben neben Stilbuch schalten Sie die Vorschau um, ohne das Gerät umzustellen; fährt man mit der Maus darüber, erscheint sein Name Dunkle Vorschau. Er schaltet nur die Vorschau zwischen hell und dunkel; er ändert keine Einstellung der Website und merkt sich nichts. Farbfelder und Palettenkacheln links bleiben, wie sie sind.
Die Paletten¶
| Palette | Hauptfarbe | Akzent |
|---|---|---|
| Standard | Blau | Koralle |
| Tanne | Grün | Ocker |
| Kirsche | Rot | Blau |
| Beere | Violett | Senf |
| Schiefer | Anthrazit | Rot |
| Sand | Braun auf warmem Grund | Oliv |
| Petrol | Petrol | Pink |
| Marine | Dunkelblau | Gold |
| Terrakotta | Rotbraun | Grün |
| Limette | Grün | Lila |
Alle Paletten sind so abgestimmt, dass Texte, Links, Buttons und Feldränder hell und dunkel den Kontrast nach WCAG 2.2 AA erreichen. Wer einzelne Farben selbst wählt, liest vorher Eigene Farben.
Die Schriftpaare¶
Die erste Schrift gilt für Überschriften, die zweite für den Text. Steht nur eine da, gilt sie für beides.
| Schriftpaar | Eindruck |
|---|---|
| Standard | Systemschrift des Geräts, lädt keine Schriftdatei |
| Vollkorn & Instrument Sans | klassische Serifen über klarer Grotesk |
| Platypi & Jost | weiche Serifen, geometrischer Text |
| Manrope & Instrument Sans | moderne Grotesk in beiden |
| Lora | Serifen in Überschrift und Text |
| Bitter & Public Sans | kräftige Serifen über neutraler Grotesk |
| Atkinson Hyperlegible Next | auf Lesbarkeit hin gestaltet |
| Outfit & Karla | geometrisch über freundlicher Grotesk |
| Nunito | runde Formen |
Die Schriften liegen im Theme und werden von Ihrem Server geladen, nicht von Google oder einem anderen fremden Server. Alle stehen unter der SIL Open Font License.
Schriftgrößen, Zeilenhöhen und einzelne Schriften ändern Sie unter Stile → Typografie.