- Küche
- Saisonale Spezialitäten
- Inhaberin
- Name der Inhaberin
- Im Haus seit
- Jahr
- Plätze
- Anzahl Plätze
- Ruhetag
- Montag
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche Reservierung telefonisch.
Einzelne Angaben sind Platzhalter
Ein paar Werte auf dieser Seite sind noch nicht belegt und deshalb gekennzeichnet. Sie stehen dort als Muster, damit die Seite ihre fertige Form zeigt. Im nächsten Schritt werden sie durch Ihre echten Angaben ersetzt.
Entschieden am 05.08.2026 · noch nicht verdrahtet
Drei Arten, einen noch nicht belegten Wert als Platzhalter zu zeigen. Alle drei halten die Lesbarkeits-Schwelle, keine benutzt Transparenz. Deine Wahl ist der Saum; er ist jetzt die Vorgabe, die beiden anderen bleiben als Option stehen.
Neu seit heute: die Infobox ist beim Laden dieser Seite von selbst aufgeklappt, nach zwölf Sekunden zieht sie sich in den runden Knopf oben rechts zurück, und darin sitzt der An-Aus-Schalter für die Kennzeichnungen. Aufmachen geht ab jetzt nur noch per Klick; blosses Überfahren öffnet nichts mehr. Einmal offen, bleibt sie offen, solange die Maus darauf oder in ihrem Umkreis steht - erst sechs Sekunden nachdem Du weg bist, klappt sie ein. Alles auf dieser Seite ist echt und bedienbar - Maus, Finger, Tastatur.
Daten, die im Gespräch abgefragt werden, erstmal bewusst - vielleicht durch eine leichte Änderung der Farbe - als Platzhalter zu deklarieren. Damit aber dann quasi auf eine bessere Füllmenge und damit auch eine endgültige Struktur zu kommen.
Gerik, 04.08.2026
Ganz links steht jeweils die Karte ohne Kennzeichnung als Vergleich. Die Markenflächen-Zeile unten ist die wichtigste: dort zwingt die Engine jeden Text auf einen festen Ton, und genau dort trägt die leiseste Variante am wenigsten.
Grundfläche data-ton="grund"
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Eine Stufe dichter data-ton="flaeche"
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Sandfläche data-ton="sand"
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Markenfläche data-ton="akzent"
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Wir kochen, was die Woche hergibt. Ein Satz der Inhaberin über ihre Küche(Platzhalter, im Gespräch zu ergänzen) Reservierung telefonisch.
Die Zahlen wechseln mit der Palette oben. Über alle 98 Paletten gemessen liegen die
schlechtesten Werte bei 4.51 (Lesbarkeit Ton), 1.45 (Abstand Ton) und 4.50 (Marke von Saum und
Feld). Nachzurechnen in
factory/src/design/platzhalter-kontrast.test.ts.
| Gemessen | Wert | Schwelle |
|---|---|---|
| Ton: Lesbarkeit des Platzhalters | 4.61 | muss über 4.5 liegen |
| Ton: Abstand zum normalen Text | 1.54 | 1.00 hieße unsichtbar |
| Ton auf der Markenfläche: Abstand | 1.35 | 1.00 hieße unsichtbar |
| Saum und Feld: Sichtbarkeit der Marke | 5.02 | muss über 3.0 liegen |
| Saum und Feld: Marke auf der Markenfläche | 4.63 | muss über 3.0 liegen |
| Saum und Feld: der Text selbst | 7.10 | unverändert, kostet nichts |
| Hinweis-Knopf: Zeichen, Kreis und Kanten | 6.08 | muss über 4.5 liegen |
| Hinweis-Knopf: Titel in der Blase | 14.90 | muss über 4.5 liegen |
| Hinweis-Knopf: Text in der Blase | 8.61 | muss über 4.5 liegen |
| Schalter: Bahn und Knauf im Zustand aus | 6.08 | muss über 3.0 liegen |
| Schalter: Knauf im Zustand an | 6.23 | muss über 3.0 liegen |
| Gemessen | Wert | Schwelle |
|---|---|---|
| Ton: Lesbarkeit des Platzhalters | 4.51 | muss über 4.5 liegen |
| Ton: Abstand zum normalen Text | 1.59 | 1.00 hieße unsichtbar |
| Ton auf der Markenfläche: Abstand | 1.34 | 1.00 hieße unsichtbar |
| Saum und Feld: Sichtbarkeit der Marke | 5.00 | muss über 3.0 liegen |
| Saum und Feld: Marke auf der Markenfläche | 4.63 | muss über 3.0 liegen |
| Saum und Feld: der Text selbst | 7.18 | unverändert, kostet nichts |
| Hinweis-Knopf: Zeichen, Kreis und Kanten | 6.07 | muss über 4.5 liegen |
| Hinweis-Knopf: Titel in der Blase | 14.73 | muss über 4.5 liegen |
| Hinweis-Knopf: Text in der Blase | 8.72 | muss über 4.5 liegen |
| Schalter: Bahn und Knauf im Zustand aus | 6.07 | muss über 3.0 liegen |
| Schalter: Knauf im Zustand an | 6.19 | muss über 3.0 liegen |
| Gemessen | Wert | Schwelle |
|---|---|---|
| Ton: Lesbarkeit des Platzhalters | 4.70 | muss über 4.5 liegen |
| Ton: Abstand zum normalen Text | 1.52 | 1.00 hieße unsichtbar |
| Ton auf der Markenfläche: Abstand | 1.46 | 1.00 hieße unsichtbar |
| Saum und Feld: Sichtbarkeit der Marke | 5.32 | muss über 3.0 liegen |
| Saum und Feld: Marke auf der Markenfläche | 4.52 | muss über 3.0 liegen |
| Saum und Feld: der Text selbst | 7.15 | unverändert, kostet nichts |
| Hinweis-Knopf: Zeichen, Kreis und Kanten | 6.47 | muss über 4.5 liegen |
| Hinweis-Knopf: Titel in der Blase | 14.72 | muss über 4.5 liegen |
| Hinweis-Knopf: Text in der Blase | 8.70 | muss über 4.5 liegen |
| Schalter: Bahn und Knauf im Zustand aus | 6.47 | muss über 3.0 liegen |
| Schalter: Knauf im Zustand an | 6.59 | muss über 3.0 liegen |
| Gemessen | Wert | Schwelle |
|---|---|---|
| Ton: Lesbarkeit des Platzhalters | 5.27 | muss über 4.5 liegen |
| Ton: Abstand zum normalen Text | 1.45 | 1.00 hieße unsichtbar |
| Ton auf der Markenfläche: Abstand | 1.60 | 1.00 hieße unsichtbar |
| Saum und Feld: Sichtbarkeit der Marke | 4.68 | muss über 3.0 liegen |
| Saum und Feld: Marke auf der Markenfläche | 4.55 | muss über 3.0 liegen |
| Saum und Feld: der Text selbst | 7.63 | unverändert, kostet nichts |
| Hinweis-Knopf: Zeichen, Kreis und Kanten | 5.60 | muss über 4.5 liegen |
| Hinweis-Knopf: Titel in der Blase | 13.78 | muss über 4.5 liegen |
| Hinweis-Knopf: Text in der Blase | 9.13 | muss über 4.5 liegen |
| Schalter: Bahn und Knauf im Zustand aus | 5.60 | muss über 3.0 liegen |
| Schalter: Knauf im Zustand an | 7.30 | muss über 3.0 liegen |
| Gemessen | Wert | Schwelle |
|---|---|---|
| Ton: Lesbarkeit des Platzhalters | 4.75 | muss über 4.5 liegen |
| Ton: Abstand zum normalen Text | 1.55 | 1.00 hieße unsichtbar |
| Ton auf der Markenfläche: Abstand | 2.46 | 1.00 hieße unsichtbar |
| Saum und Feld: Sichtbarkeit der Marke | 4.50 | muss über 3.0 liegen |
| Saum und Feld: Marke auf der Markenfläche | 4.84 | muss über 3.0 liegen |
| Saum und Feld: der Text selbst | 7.34 | unverändert, kostet nichts |
| Hinweis-Knopf: Zeichen, Kreis und Kanten | 5.23 | muss über 4.5 liegen |
| Hinweis-Knopf: Titel in der Blase | 13.89 | muss über 4.5 liegen |
| Hinweis-Knopf: Text in der Blase | 8.53 | muss über 4.5 liegen |
| Schalter: Bahn und Knauf im Zustand aus | 5.23 | muss über 3.0 liegen |
| Schalter: Knauf im Zustand an | 11.92 | muss über 3.0 liegen |
| Gemessen | Wert | Schwelle |
|---|---|---|
| Ton: Lesbarkeit des Platzhalters | 4.59 | muss über 4.5 liegen |
| Ton: Abstand zum normalen Text | 1.56 | 1.00 hieße unsichtbar |
| Ton auf der Markenfläche: Abstand | 1.00 | 1.00 hieße unsichtbar |
| Saum und Feld: Sichtbarkeit der Marke | 4.60 | muss über 3.0 liegen |
| Saum und Feld: Marke auf der Markenfläche | 4.55 | muss über 3.0 liegen |
| Saum und Feld: der Text selbst | 7.17 | unverändert, kostet nichts |
| Hinweis-Knopf: Zeichen, Kreis und Kanten | 5.76 | muss über 4.5 liegen |
| Hinweis-Knopf: Titel in der Blase | 15.87 | muss über 4.5 liegen |
| Hinweis-Knopf: Text in der Blase | 8.98 | muss über 4.5 liegen |
| Schalter: Bahn und Knauf im Zustand aus | 5.76 | muss über 3.0 liegen |
| Schalter: Knauf im Zustand an | 4.55 | muss über 3.0 liegen |
Vielleicht kann man irgendwo noch einen An-Aus-Knopf machen. Bei den Demo-Websites können wir gerne am Anfang, wenn jemand die Demo-Website öffnet, sobald neu geladen wird, kann auch gerne auf Unterseiten dann kurz eine Info aufploppen und ein Text sollte man einfach kurz erklären: Platzhalter an/aus, sich dann einklappen nach ein paar Sekunden mit einer coolen Animation und dann sollte eigentlich nur so ein kleiner Button übrig bleiben, rund vielleicht mit einem Ausrufezeichen, mit dem man das dann quasi öffnen kann.
Gerik, 05.08.2026
Genau das läuft hier gerade: Beim Öffnen dieser Seite stand die Blase offen, nach zwölf Sekunden ist sie in den Knopf oben rechts eingeklappt. Ein Klick, ein Tippen oder ein Tab holt sie zurück - und darin sitzt der Schalter. Leg ihn um und sieh Dir die Karten oben an.
Dass es nicht nur bei einem Hover-Effekt öffnet, sondern dass man draufklickt ... Außer man ist es zehn Sekunden oder fünf Sekunden nicht drauf, dann soll sich das wieder automatisch schließen, also wenn man mit der Maus davon runter geht. Wenn man sich aber dann noch währenddessen nach dem Klicken drauf befindet, beispielsweise um den Knopf zu betätigen, dann soll es auf jeden Fall offen bleiben und vielleicht auch in einem kleinen Umkreis darum, dass man nicht aus Versehen irgendwie am Rand drüber geht und dann schließt sich das.
Gerik, 05.08.2026, zweiter Zuschnitt der Bedienung
| Womit | Was passiert | Warum so |
|---|---|---|
| Beim Laden | Die Blase steht offen da und klappt nach zwölf Sekunden in den Knopf ein. Der Knopf pulst kurz, wenn er sie auffängt. | Auf jeder Seite und jeder Unterseite neu - Dein Wortlaut. Zwölf statt acht Sekunden, weil der Text mit Titel und Schalterzeile rund 42 Wörter hat: bei 200 Wörtern je Minute sind das gut zwölf. Sobald Du sie anfasst, hört das Selbstschließen auf. |
| Maus: aufmachen | Nur der Klick. Überfahren öffnet nichts mehr. | Ein Kasten, der schon aufs Vorbeifahren aufgeht, öffnet sich auf dem Weg zu jedem anderen Ziel oben rechts mit und legt sich über den Inhalt. Der Klick ist die Entscheidung. |
| Maus: offen bleiben | Sie bleibt offen, solange die Maus darauf oder in einem Umkreis von 40 Pixeln darum steht. Erst sechs Sekunden nach dem Weggehen klappt sie ein - und jede Rückkehr beginnt die Frist von vorn. | Der Weg zum Schalter darin führt an Kanten entlang, und eine Maus wackelt: "dass man nicht aus Versehen irgendwie am Rand drüber geht und dann schließt sich das". Der Umkreis ist ein Messrahmen und keine Fläche - er fängt keinen einzigen Klick der Seite darunter ab. |
| Telefon | Tippen öffnet, nochmal tippen schließt, ein Tippen daneben auch. Keine Sechs-Sekunden-Frist. | Auf dem Telefon gibt es kein Überfahren und kein "Maus weg". Eine Blase, die dem Finger nach sechs Sekunden wegklappt, wäre dort eine Verschlechterung. |
| Tastatur | Knopf und Schalter sind mit Tab erreichbar, Leertaste und Eingabetaste schalten, Escape schließt und gibt den Fokus zurück. Wer mit der Tastatur im Kasten steht, verliert ihn nicht nach sechs Sekunden. | Beides sind echte Knopf-Elemente. Ein Kästchen mit Klick-Zweig sähe gleich aus und wäre für die Tastatur nicht vorhanden. Die Frist unterscheidet Tastatur- und Maus-Fokus, sonst liefe sie nach einem Klick nie an. |
| Vorlese-Programm | Der Knopf heißt "Hinweis zu den gekennzeichneten Angaben" und sagt an, ob er offen ist. Der Schalter meldet sich als Schalter und sagt seine Stellung. | Das Zeichen "!" allein sagt einem Vorleser nichts, und CSS trägt keine Zustände in den Baum. |
| Wer Bewegung abbestellt hat | Kein Flug, kein Puls - die Blase ist da oder weg. | Die Systemeinstellung "Bewegung reduzieren" ist eine Ansage und keine Anregung. |
Aus nimmt die Kennzeichnung weg und lässt den Wert stehen. Damit zeigt der Schalter am Tisch genau den Sprung nach vorn: "so ehrlich ist die Seite heute" gegen "so liest sie sich, wenn Ihre Angaben drinstehen". Die drei anderen Lesarten habe ich durchgerechnet und verworfen:
| Was "aus" auch heißen könnte | Warum es nicht so ist |
|---|---|
| Den Wert ganz entfernen | Sätze reißen mitten drin auf, Zeilen und Sektionen fallen zusammen. Eine zusammengebrochene Sektion ist schlechter als der Platzhalter. |
| Den Wert leer räumen | Kein Sprung, aber ein Loch. Eine Zeile "Inhaberin:" ohne Inhalt liest sich als Fehler der Seite, nicht als bewusster Zustand. |
| Einen plausiblen Wert einsetzen | Das wäre eine unmarkierte Behauptung über einen echten Betrieb - genau der Bruch, an dem am 04.08. vier von fünf Demos gescheitert sind. |
Der Grund darüber hinaus steckt in der Sache selbst: den Platzhalter gibt es, weil leere Flächen unfertig wirken. Ein Schalter, dessen Aus-Stellung wieder leere Flächen herstellt, macht die Maßnahme rückgängig, für die es ihn gibt. Wenn Du es anders willst, ist es eine Zeile - sag Bescheid.
| Was | Verhalten | Warum |
|---|---|---|
| Die Schalterstellung | Hält beim Klick auf eine Unterseite. Bei einer echten Neuladung beginnt sie wieder bei "an". | Sitzungs-Speicher statt Dauer-Speicher: sonst säßest Du bei Kunde B vor einer Demo ohne Kennzeichnungen, weil Du sie bei Kunde A ausgeschaltet hast. Und ein Inhaber, der die Adresse später selbst aufruft, erbte Deine Stellung. |
| Die Blase | Geht bei jedem Seitenaufbau neu auf. | Dein Wortlaut: die Info soll bei jedem Öffnen kommen. |
| Nach der Finalisierung | Weder Schalter noch Kennzeichnung. Beides steht dann gar nicht erst im Seitenquelltext. | Hängt am Feld phase aus dem Vertrag, nicht an einem Skript. Ein Zustand, den ein Browser vergessen kann, wäre für "nach der Finalisierung" keine Zusage. |
Der Knopf erscheint nur, wenn die Seite wirklich Platzhalter trägt. Auf einer vollständig belegten Demo ist er weg - ein Hinweis auf nichts wäre eine Behauptung, die Zweifel erst hineinträgt.
Gemessen über alle 98 Paletten: das Zeichen und die Kanten halten mindestens 5.22 gegen den eigenen Grund des Knopfes, der Titel der Blase 13.78, ihr Text 8.43, der Knauf des Schalters im Zustand "an" 4.52 gegen die gefüllte Bahn. Nötig sind 4.5 für Text und 3.0 für Kreis, Kante, Bahn und Fokus-Ring. Keine Deckkraft unter 1 in irgendeinem ruhenden Zustand - nur während der 260 Millisekunden, in denen die Blase fliegt und niemand darin liest. Die Zahlen für die gerade gewählte Palette stehen in der Tabelle darüber.
Deine Wahl vom 05.08.2026, mit der Begründung, dass die Nachteile im Verhältnis zu den Vorteilen unterliegen. Nachgerechnet stimmt das: der Saum lässt die Schriftfarbe unberührt, der Text behält also den Kontrast, den die Engine ihm zugeteilt hat, und die Kennzeichnung liegt daneben als Form. Der Saum ist ab jetzt die Vorgabe; Ton und Feld bleiben stehen und sind mit einem Wort wieder wählbar. Die Tabelle bleibt als Beleg für die Wahl:
| Variante | Wie deutlich | Stärke | Schwäche |
|---|---|---|---|
| Ton | leise | Genau Dein Wortlaut. Ändert nichts am Aufbau, fällt nicht auf, wenn man nicht sucht. | Trägt allein über Farbe. Wer Farben schlecht unterscheidet, sieht keinen Platzhalter. Auf der Markenfläche schwach bis wirkungslos. Sieht aus wie eine Bildunterschrift. |
| Saum | mittel | Der Text behält seinen vollen Kontrast. Die Linie ist eine Form, also unabhängig von Farbsehen. Funktioniert auf allen vier Flächen gleich. | Kann bei flüchtigem Blick wie ein Link wirken. |
| Feld | deutlich | Nicht zu übersehen. Liest sich wie ein Formularfeld, das noch zu füllen ist - der beste Gesprächsanker. | Bei mehr als zwei, drei Feldern sieht die Seite unfertig aus. Genau der Eindruck, den wir vermeiden wollten. |
Das ist die Frage, die mir wichtiger ist als die Optik, und sie steckt in Deinem Satz "erstmal mit Platzhalterdaten füllen". Zwei Wege:
| Weg | Beispiel | Folge |
|---|---|---|
| Beschreibung | "Anzahl Plätze", "Name der Inhaberin" | Behauptet nichts. Auch wenn jemand die Kennzeichnung übersieht, steht dort keine falsche Angabe. So ist die Schauseite oben gebaut. |
| Plausibler Wert | "40 Plätze", "seit 1998" | Sieht fertiger aus. Aber: das ist eine Aussage über einen echten Betrieb. Wird die Kennzeichnung überlesen, ist es genau der A7-Bruch, an dem am 04.08. vier von fünf Demos gescheitert sind. |
Meine Empfehlung: Beschreibung. Eine Kennzeichnung ist eine Bitte an die Aufmerksamkeit des Lesers, keine Garantie - und ein plausibler Wert ist bei jedem einzelnen Übersehen eine falsche Aussage über den Betrieb.
Die eine Hälfte ist zu: nach der Finalisierung nichts mehr, Dein Satz vom
05.08. Das hängt jetzt am Feld phase aus dem Vertrag - steht dort "final",
entstehen weder Kennzeichnung noch Schalter, und zwar schon beim Bau, nicht erst im
Browser. Ein neues Feld gibt es dafür ausdrücklich nicht.
Offen bleibt die andere Hälfte: gilt die Demo-Fassung nur auf Deinem Gerät beim Termin oder auch unter der Adresse, die der Inhaber danach selbst aufruft? Solange das offen ist, wird nichts verdrahtet: Vertrag, Darstellung und Schalter stehen, es entscheidet noch keine Zeile Code, welches Feld wirklich als Platzhalter erscheint.
Naheliegend sind die Felder, die ein Betrieb ohne Website nie hergibt: Inhabername, Gründungsjahr, ein Satz über die eigene Haltung, Öffnungszeiten, der Ablauf einer Zusammenarbeit. Die Liste gehört in Deine Hand, nicht in meine - sie bestimmt, wie viel Struktur eine Demo bei einem Betrieb ohne Daten überhaupt zeigen darf.