Designsystem „Feld & Gemeinschaft“
Interne Seite. Sie ist von der Suchmaschinen-Indexierung ausgenommen und gehört nicht in die Navigation. Alle Inhalte hier sind Beispiele, keine echten Aussagen des Hofes.
Farben
Alle Farben stammen aus der Kadence Global Palette. Erntegold ist ausschließlich dekorativ oder Text auf dunklem Grund – es erreicht auf hellen Flächen nur 2,3:1 und ist dort auch für große Schrift unzulässig.
| Rolle | Variable | Wert | Verwendung |
|---|---|---|---|
| Primärgrün | –hp-primary | #18794A | Buttons, Links, Akzentlinien |
| Terrakotta | –hp-accent | #B4482A | zweiter Akzent, Gemüsekiste |
| Pflanzenschwarz | –hp-ink | #16241C | Fließtext, dunkle Flächen |
| Salbeigrün | –hp-surface-sage | #E4F0E2 | ruhige Abschnittsflächen |
| Warmes Creme | –hp-surface-soft | #F8F4EA | Hero, weiche Abschnitte |
| Erntegold | –hp-gold | #E0A03F | nur dekorativ oder auf Dunkel |
Typografie
Überschrift dritter Ordnung in Fraunces
Lead-Absatz: etwas größer, ruhiger Zeilenabstand, auf 62 Zeichen begrenzt.
Fließtext in Source Sans 3, 1,0625 rem mobil und 1,125 rem ab Tablet, Zeilenhöhe 1,65 und auf ungefähr 72 Zeichen begrenzt. Ein Link im Fließtext ist immer unterstrichen – Information wird nie allein über Farbe transportiert.
Buttons und Links
Karten und Flächen
Karte
Kontur statt Schatten. Beim Überfahren wird die Kontur kräftiger.
Status
Plätze frei
Redaktionell zu prüfen
Meldungen
Erfolgsmeldung: erscheint nur bei tatsächlichem Erfolg.
Fehlermeldung: benennt konkret, was zu tun ist.
Bildstile und Platzhalter
Trenner und Zeitleiste
- JahrBeschreibung des Ereignisses.
- JahrBeschreibung des Ereignisses.
FAQ-Element
Beispielfrage: natives Details-Element
Antwort. Das Element funktioniert ohne JavaScript, ist mit der Tastatur bedienbar und zeigt einen sichtbaren Fokus.
Dunkle Fläche
Eyebrow in Erntegold – hier zulässig
Auf Pflanzenschwarz kippen alle Rollen: Text wird weiß, der Fokusring wird weiß, Erntegold erreicht 6,5:1 und darf als Textfarbe eingesetzt werden.
Demo-Inhalt – nicht veröffentlichen
Stimmen aus der Hofgemeinschaft
Diese Komponente steht bereit, sobald echte Zitate von Mitgliedern vorliegen. Bis dahin bleibt sie auf der Startseite ausgeblendet – erfundene Stimmen werden nicht veröffentlicht.
Platzhalter für ein echtes Zitat.
Zielgruppe: Familie, frisch zugezogen
Platzhalter für ein echtes Zitat.
Zielgruppe: engagiertes Paar, 60+
Platzhalter für ein echtes Zitat.
Zielgruppe: Wohngemeinschaft