Komponente
Layout und Farben
Jede Seite besteht aus Sektionen. Eine Sektion bestimmt Farbschema, Breite und Raster; die Blöcke darin ordnen sich je Bildschirmgrösse an.
Option
Farbschema Hafer
Der Standard der ganzen Website: warmes Off-White, dunkle Schrift, Terrakotta als Akzent.
Frisch geröstet
Text mit Link.
Option
Farbschema Weiss
Für Shop-Flächen und den Header – neutral, damit Produktbilder wirken.
Frisch geröstet
Text mit Link.
Option
Farbschema Espresso
Dunkle Bänder für starke Botschaften, etwa an Geschäftskunden.
Frisch geröstet
Text mit Link.
Option
Farbschema Salbei
Ruhige Flächen für Wissen, Fragen und Hinweise.
Frisch geröstet
Text mit Link.
Option
Breite: Inhalt
Die Sektion bleibt in der Inhaltsbreite des Themes (hier 80 rem) und hält Abstand zum Rand.
Option
Breite: ganze Seite
Die Sektion läuft über die ganze Breite – für Bilder und Bänder.
Option
Raster: Spalten
Feste Spaltenaufteilung aus einer Vorlage, hier drei gleiche Spalten ab Tablet.
Espresso
Kräftig und schokoladig.
Filter
Fruchtig und hell.
Entkoffeiniert
Voller Geschmack am Abend.
Option
Raster: eigene Aufteilung
Freie Spaltenangabe, hier 2 : 1 : 1.
Espresso
Kräftig und schokoladig.
Filter
Fruchtig und hell.
Entkoffeiniert
Voller Geschmack am Abend.
Option
Raster: Kacheln
So viele Spalten, wie mit einer Mindestbreite von 12 rem Platz haben – ohne feste Breakpoints.
Espresso
Kräftig und schokoladig.
Filter
Fruchtig und hell.
Entkoffeiniert
Voller Geschmack am Abend.
Raritäten
Einzelne Farmen.
Zubehör
Mühlen und Filter.
Option
Raster: Fluss
Blöcke reihen sich nebeneinander und brechen um – ideal für Buttons.
Option
Spalten je Bildschirm
Auf dem Handy eine, auf dem Tablet zwei, auf dem Desktop vier Spalten – ändern Sie die Fensterbreite.
Mobil
Eine Spalte.
Tablet
Zwei Spalten.
Desktop
Vier Spalten.
Breakpoints
ab 768 und 1024 Pixel.
Option
Sichtbarkeit je Bildschirm
Ein Block kann auf einzelnen Bildschirmgrössen ausgeblendet werden. Einer der beiden Hinweise unten ist gerade unsichtbar.
Nur auf Handy und Tablet
Ab Desktop ausgeblendet.
Option
Sektion in der Sektion
Eine Sektion kann als Block in einer anderen stehen – mit eigenem Farbschema, etwa für einen Hinweis neben dem Text.
Unsere Bohnen rösten wir in kleinen Chargen und versenden sie am Rösttag. So kommt der Kaffee mit vollem Aroma bei Ihnen an.
Eingebettete Sektion
Mit eigenem Farbschema Espresso.