Composant
Mise en page et couleurs
Chaque page se compose de sections. Une section définit le schéma de couleurs, la largeur et la grille ; les blocs s'y disposent selon la taille d'écran.
Option
Schéma Hafer
Le standard du site : blanc cassé chaleureux, texte foncé, terracotta en accent.
Fraîchement torréfié
Texte avec lien.
Option
Schéma Weiss
Pour les zones boutique et l'en-tête – neutre, pour mettre les produits en valeur.
Fraîchement torréfié
Texte avec lien.
Option
Schéma Espresso
Des bandeaux sombres pour les messages forts, par exemple aux entreprises.
Fraîchement torréfié
Texte avec lien.
Option
Schéma Salbei
Des surfaces calmes pour le savoir, les questions et les conseils.
Fraîchement torréfié
Texte avec lien.
Option
Largeur : contenu
La section reste dans la largeur de contenu du thème (ici 80 rem) et garde une marge.
Option
Largeur : pleine page
La section occupe toute la largeur – pour les images et les bandeaux.
Option
Grille : colonnes
Répartition fixe à partir d'un modèle, ici trois colonnes égales dès la tablette.
Espresso
Corsé et chocolaté.
Filtre
Fruité et clair.
Décaféiné
Plein de goût le soir.
Option
Grille : répartition libre
Colonnes libres, ici 2 : 1 : 1.
Espresso
Corsé et chocolaté.
Filtre
Fruité et clair.
Décaféiné
Plein de goût le soir.
Option
Grille : tuiles
Autant de colonnes que la largeur minimale de 12 rem le permet – sans points de rupture fixes.
Espresso
Corsé et chocolaté.
Filtre
Fruité et clair.
Décaféiné
Plein de goût le soir.
Raretés
Fermes uniques.
Accessoires
Moulins et filtres.
Option
Grille : flux
Les blocs s'alignent et passent à la ligne – idéal pour les boutons.
Option
Colonnes par écran
Une colonne sur mobile, deux sur tablette, quatre sur ordinateur – changez la largeur de la fenêtre.
Mobile
Une colonne.
Tablette
Deux colonnes.
Ordinateur
Quatre colonnes.
Points de rupture
dès 768 et 1024 pixels.
Option
Visibilité par écran
Un bloc peut être masqué sur certaines tailles d'écran. L'un des deux messages ci-dessous est actuellement invisible.
Uniquement sur mobile et tablette
Masqué dès l'ordinateur.
Option
Section dans la section
Une section peut être un bloc d'une autre – avec son propre schéma de couleurs, par exemple pour un encadré.
Nous torréfions nos grains en petits lots et les expédions le jour même. Le café vous parvient ainsi avec tout son arôme.
Section intégrée
Avec son propre schéma Espresso.