Sandbox

Style-Guide & Komponenten-Übersicht – alle Content- und GUI-Elemente der Website an einem Ort.

Farben

Markenfarben, Sektions-Hintergründe und Neutraltöne aus den Design-Tokens.

Markenfarben

--color-green#45a12a
--color-green-dark#00702d
--color-green-darker#004d1f
--color-yellow#d7c300

Sektions-Hintergründe

--color-green-soft#edeeed
--color-green-tint#f4f6f4
--color-cream#f9f6f2
--color-yellow-soft#faf8e7
--color-earth#eae3dc

Neutraltöne

--color-white#ffffff
--color-gray-50#f6f7f5
--color-gray-100#ececec
--color-gray-300#cccccc
--color-gray-500#8a8a8a
--color-gray-700#4a4a4a
--color-gray-900#1a1a1a

Typografie

Display-Schrift Bebas Neue Pro für Überschriften, Barlow Condensed für Fließtext.

H1 · Display

Überschrift Ebene 1

H2 · Display

Überschrift Ebene 2

H3 · Display

Überschrift Ebene 3

H4 · Display

Überschrift Ebene 4

H5 · Display
Überschrift Ebene 5
H6 · Display
Überschrift Ebene 6
.section-title

Sektions-Titel

Textabsätze

Intro-Absatz (.article-intro): Jedes Jahr werden in Deutschland rund 18 Millionen Tonnen Lebensmittel verschwendet — etwa 7 Millionen Tonnen davon noch auf dem Acker. Ein Hauptgrund: die übertriebenen Schönheitsstandards des Einzelhandels.

Standard-Absatz: Zu krumm, zu klein, zu fleckig: Millionen Kilogramm Obst und Gemüse landen jedes Jahr im Müll, bevor sie überhaupt den Supermarkt erreichen. Nicht weil sie verdorben wären — sondern weil sie schlicht nicht gut genug aussehen. Was wie ein Randproblem klingt, ist in Wahrheit ein systemisches Versagen des Lebensmitteleinzelhandels.

Hervorhebungen erfolgen mit fett (strong) oder kursiv (em), Verweise als Inline-Link.

Klein / Meta Small-Text (small) — für Hinweise, Fußnoten und Disclaimer.

Listen

Aufzählung (ul)

  • Das Menschenrecht auf gesunde Nahrung
  • Faire Preise für Bäuerinnen und Bauern
  • Schutz von Klima, Boden und Biodiversität

Nummeriert (ol)

  1. Erste Forderung
  2. Zweite Forderung
  3. Dritte Forderung

Buttons & Links

Button-Varianten

Pfeil & Karussell-Navigation

Labels & Meta

Eyebrow / Kategorie
Veranstaltung · Berlin 21.04.2026

Zitate

Artikel-Zitat (blockquote)

„Keine einzige deutsche Supermarktkette nimmt den Kampf gegen Lebensmittelverschwendung wirklich ernst." Sascha Müller-Kraenner, Deutsche Umwelthilfe

Testimonial-Karte

Porträt
Eine andere Landwirtschaft ist möglich — wir machen sie sichtbar und bringen Höfe und Gesellschaft zusammen.
Maria Musterfrau Bäuerin, Demeter-Betrieb

Karten

News-Karte

Beispielbild
Interview

Pride Month – Queeres Hinterland

Zum Pride Month haben wir mit einer jungen Gemüsebäuerin gesprochen, die in einem Kollektiv wirtschaftet.

Mehr erfahren

Termin-Liste & Presse-Liste

Förderer- & Forderungs-Karte

  1. 01

    Das Menschenrecht auf gesunde Nahrung durchsetzen

    Ernährung ist ein Grundrecht – weltweit und für alle Menschen.

Formulare

Newsletter-Anmeldung

Such- & Filter-Felder

Paginierung

Fotos & Bildsprache

Authentische Reportage-Fotografie statt gestellter Stockbilder. Echte Menschen bei echter Arbeit – das ist der Kern unserer Bildsprache.

Menschen arbeiten gemeinsam im Weinberg
Beispiel: gemeinsame Weinbergsarbeit – hero-weingut-piri.jpg

Tonalität

  • Dokumentarisch & echt: Menschen bei der Arbeit, ungestellte Momente statt Studio-Inszenierung.
  • Natürliches Licht: Tageslicht, weiche Schatten, sonnige Außenaufnahmen auf Feld, Hof und Acker.
  • Warme, erdige Farben: Grüntöne der Vegetation, Erd- und Holztöne – passend zur Markenpalette.
  • Nahbar & hoffnungsvoll: Vielfalt der Menschen, Gemeinschaft und ein positiver, zukunftsgewandter Blick auf die Agrarwende.

Vermeiden

  • Glatte, generische Stockfotografie ohne Bezug.
  • Künstliche Studio-Setups und übertriebene Retusche.
  • Kühle, entsättigte oder stark gefilterte Looks.
  • Symbolbilder ohne erkennbare Menschen oder Tätigkeit.

Hintergrund-Pattern

Dezente Texturen für Sektions-Hintergründe (.section--pattern-1…6).

pattern-1
pattern-2
pattern-3
pattern-6