Gestaltung

Die Farben und die Schrift des Shops auf einen Blick: wie sie heißen, wofür sie eingesetzt werden und welcher Farbwert dahintersteht. Die Werte liest diese Seite direkt aus dem Stylesheet des Shops. Was hier steht, ist also immer der aktuelle Stand des Entwurfs.

So werden die Farben eingesetzt

Der Rahmen bleibt ruhig.Kopf, Formulare, Preisbox und Fuß tragen nur die Ladenburger Markenfarben und Grautöne, auf jeder Seite gleich.
Das Sortiment bringt seine Farbe mit.Bei den Brennstoffen ist das NaPur-Grün: im Etikett über der Überschrift, an der gewählten Auswahl und an der Oberkante der Preisbox. Kommt ein weiteres Sortiment dazu, bringt es seine eigene Farbe mit, der Rahmen bleibt unverändert.
Jedes Produkt zeigt seine Marke.Die Produktkarten tragen die Farbe ihrer Marke, zum Beispiel NaPur oder LABU, egal auf welcher Seite sie stehen.

Markenfarben Ladenburger

Übernommen aus dem Entwurf der neuen Website, damit Shop und Website als eine Marke auftreten.

Sandbeige

Helle Knöpfe, Mengenregler, Linien und Nummern im Bestellablauf.

Sand Mittelton

Kanten und Hover-Zustand auf sandbeigen Flächen.

Erdbraun

Hauptknöpfe wie „Bestellen" und „Preise anzeigen".

Grundtöne

Schrift, Flächen und Linien. Ebenfalls aus dem Website-Entwurf.

Anthrazit

Überschriften, Preise, der aktuelle Schritt im Bestellablauf.

Textgrau

Fließtext.

Hinweisgrau

Kleingedrucktes, Hinweise unter Feldern, Nebenlinks im Kopf.

Liniengrau

Rahmen von Feldern und Kacheln, Trennlinien.

Weiß

Karten, Formulargruppen, Preisbox, Kopfzeile.

Seitengrund

Hintergrund hinter den weißen Karten.

Außengrund

Rand neben der Seite auf sehr breiten Bildschirmen.

Bildgrund

Hinter freigestellten Produktfotos, damit sie nicht auf reinem Weiß stehen.

Produktmarken und Sortimente

Diese Farben tauchen nur dort auf, wo es um ein bestimmtes Sortiment oder eine Produktmarke geht.

NaPur-Grün

Sortiment Brennstoffe und Marke NaPur. Abgenommen von der NaPur-Sackverpackung.

NaPur-Grün hell

Hinterlegung, zum Beispiel beim Preis je Tonne.

LABU-Holzton vorläufig

Marke LABU (Holzbriketts). Von labu24.de abgenommen, noch mit der Markenvorgabe abzugleichen.

Sand sehr hell

Hinterlegung für ein Sortiment ohne eigene Farbe. Dessen Hauptfarbe ist dann Erdbraun.

Signalfarbe

Warnrot

Vorgesehen für Fehlermeldungen. Im Entwurf derzeit nur beim Hinweis „Beispielpreise" in der Preisbox.

Schrift

Lato, in drei Stärken. Die Schrift ist frei nutzbar (SIL Open Font License) und wird mit dem Shop ausgeliefert, ohne Abruf bei Google.

Holzpellets lose Normal Fließtext, Hinweise, Tabellen

Holzpellets lose Fett Überschriften, Knöpfe, Auswahl

389,00 € Extrafett Gesamtpreis, Nummern im Bestellablauf

Für die Umsetzung: Unter jedem Farbwert steht klein der Name der Variable in assets/shop.css. Dort sind alle Werte an einer Stelle gesammelt und kommentiert.