Angehörigen-Café
Kaffee, Kuchen und Zeit zum Reden — im Speisesaal, ohne Anmeldung.
Brand-System · Oktober 2026
Jo & Le
Seniorenresidenz Triberg. Das Markensystem in einem Blatt: die Farben aus dem Logo, die Schriften, die Bauteile — und die eine Idee, die die Seite zusammenhält.
Drei Bauteile: Serif-Name · Haarlinie ·
Taupe-Unterzeile. Kein Bildzeichen, keine Rundung, kein Schatten.
Es gibt in diesem Logo kein drittes Pigment — die ganze Palette unten ist das
Logo in gross.
Die eine Idee
Die Tagesplatte
Die Seite ist kein Leistungsverzeichnis, sondern ein Tag von 07:30 bis 18:00. Jede Lesefläche ist dieselbe Platte: Uhrzeit in Taupe, eine Serif-Zeile, zwei Sätze, genau ein Knopf. Sechsmal — daraus entsteht ein ganzer Tag.
Das Haus riecht nach Brot
Um halb acht steht der Teig schon auf dem Tisch. Wer früh wach ist, sitzt dann in der Küche und schaut zu.
Komm zum EssenDie bildlose Variante — der Beweis, dass der Takt auch mit sechs Fotos trägt. Fond Tannenschatten, keine Textur, kein Verlauf.
02 · Farbrollen
Gemessen, nicht erfunden
Jeder Wert stammt wörtlich aus brand-measurements.json. Die Kontraste
in Klammern sind die gemessenen Werte der Matrix; mit † markierte sind nach
WCAG 2.1 aus denselben Hex nachgerechnet.
Rollentrennung statt Farbwechsel.
Deine Logofarben #768888 und #84766a bleiben exakt so, wie sie sind —
sie werden nicht abgedunkelt und nicht ersetzt. Geändert haben wir nur, welche Rolle
sie spielen: Trägt eine Fläche in der Logofarbe Schrift, wechseln wir die Schrift
(#151919 statt Weiss → 4.77 statt 3.72). Und wo die Marke selbst als Wort lesbar
sein muss, bekommt sie eine zweite Abstufung derselben Farbe
(#4d5e5e → 6.40 · #77695d → 4.97). Zwei Abstufungen einer Farbe sind
normale Markenarbeit — das Überschreiben der Marke wäre es nicht.
#f2f9f9Morgenlicht--brand-surface
Grundfläche · ink darauf 15.26
#edf0f0Tischtuch--brand-surface-alt
Nur Essensplan + Fuss · 14.20
#122323Tinte--brand-ink
Alles Lesbare · 15.26
#505c5cSchiefer--brand-ink-soft
Labels, Meta · 6.51
#4d5e5eTannenschatten--brand-primary-ink = --brand-primary-11
Eukalyptus als Wort & Dunkelfläche · 6.40 / 6.82†
#768888Eukalyptus — die Logofarbe--brand-primary · unverändert
Fläche bleibt. Schrift darauf #151919 · 4.77 AA†
#84766aLogo-Taupe--brand-secondary · unverändert
Trägt nie Text · 4.12 / 4.39 — nur Logo & Marke
#77695dTagesstempel--brand-secondary-ink
Die Uhrzeit · 4.97 auf surface — AA in jeder Grösse†
#6a7b7cMoos--brand-accent
Nur Hover-Linie · 4.43† kein Fond
#748484Plangrau--brand-gray-9
Einzige tragende Linie · 3.41†
#c9d0d0Haarlinie--brand-border
Nur Ornament · 1.47† nie Trennung
#62574eTaupe tief--brand-secondary-11
Nur Fehlertext · 6.58†
#162323Nachtstube--brand-primary-12
Reserve · 16.17†
03 · Typografie
Young Serif / Figtree
Young Serif trägt Uhrzeit, h1 und h2 — nie unter 32 px, nie VERSAL, nie in einem Knopf. Sie hat genau einen Schnitt (400): es gibt hier keine fette Überschrift, Hierarchie entsteht nur über den Grad. Figtree trägt alles Erzählende bei 18 px / zh 1.6. Letter-Spacing ist überall 0, ausser in Versal-Labels (+0.12 em).
11:45
Mittagstisch
Am Nachmittag gibt es Kuchen
Angehörigen-Café, jeden ersten Donnerstag
Ein Haus in Triberg, in dem die Küche den Takt vorgibt.
Der Grauwert der Seite. 18 px ist die Untergrenze für alles Erzählende —
auf dem Handy wird dieser Grad nie verkleinert, nur die Spalte wird schmaler.
Essenszeiten, Adresse, Rechtstext.
Vegetarisch · Weiche Kost
04 · Bauteile · fahr mit der Maus darüber
Knöpfe, Karten, Felder
Knöpfe auf hellem Grund — Hover ist eine vollständige Umkehr in 200 ms
Knöpfe auf dunklem Grund
Termin-Karten — das einzige 3-Spalten-Raster der Seite
Offener Mittagstisch
Der Tisch ist auch für Gäste von draussen gedeckt. Bitte kurz anrufen.
Konzert im Garten
Fand im August statt. Der nächste Termin steht im Herbst.
Felder — Label immer sichtbar, Fehler immer mit Wort
Da fehlt noch deine Telefonnummer — ohne die können wir dich nicht zurückrufen.
Signaturbauteil 2 · die 11:45-Platte
Der Essensplan
Echtes <table> mit Caption und Zeilenköpfen, damit der Screenreader
Tag und Gericht als Paar ansagt. Nichts unter 18 px. Kennzeichnungen sind
ausgeschriebene Wörter, nie Farbpunkte. Preise mit tabular-nums.
Zeilentrenner in Plangrau (3.41†) — nie in der Haarlinie (1.47†, unsichtbar).
Die Plakette HEUTE ist der einzige Ort der ganzen Seite, an dem die
Logofarbe #768888 eine Fläche ist — mit #151919 darauf (4.77†),
nie mit Weiss (3.72).
| Montag Heute | Linsen mit Spätzle Dazu Salat aus dem Garten Vegetarisch möglich |
12,50 € |
|---|---|---|
| Dienstag | Rinderbrühe, danach Kartoffelgratin Nachtisch: Apfelkompott Weiche Kost |
13,00 € |
| Mittwoch | Gericht folgt Wird von der Küche nachgetragen |
— |
06 · Tiefe
Fläche, Linie, Bild — kein Licht
Inhalt hat nie einen Schatten. Schatten gibt es nur für Schichten, die über dem Inhalt schweben und nicht zu ihm gehören — und dann aus zwei bis drei weichen Lagen in Tinte, nie als ein harter schwarzer Wurf. Radien: genau zwei Werte, 0 und 9999.
E0–E3 · Inhalt
box-shadow: none. Immer.
E4 · Überzug
Kopfbalken über einem Foto, Handy-Fussleiste.
E5 · System
Cookie-Hinweis. Sonst nirgends.
10 · Bildsprache
Hände, Tageslicht, gebrauchtes Leinen
Weiches Seitenlicht vom grossen Fenster, 9–16 Uhr. Schatten Richtung Tannenschatten, Mitteltöne Richtung Taupe, Lichter papierhell — nie reinweiss, nie Klinik-Blauweiss. Kein Text im Bild, keine Rundung, keine generierten Gesichter.
11 · Sprache & Ton
Du, warm, konkret
Hero: «Um halb acht riecht das ganze Haus nach Brot. Wer früh wach ist, sitzt dann schon in der Küche und schaut zu.»
CTA: «Komm zum Essen» — nie «Jetzt anfragen», nie «Mehr erfahren».
Hinweis: «Da fehlt noch deine Telefonnummer — ohne die können wir dich nicht zurückrufen.»
Gesperrt: «Lebensabend» als Werbewort, «liebevolle Betreuung», «Wohlfühlatmosphäre», «Pflegebedürftige», «Mehr erfahren», «Senior Living». Rechtstexte bleiben in der Sie-Form.