Mealplan · Planer · Full-Bleed Tiles

Vollflächige Kacheln

Das Bild füllt die gesamte Kachelhöhe. Text und Tags werden über einen Gradienten am unteren Rand eingeblendet. Kein leerer Bereich mehr — jeder Pixel der Kachel ist Bild. Leere Kacheln behalten die Vorschlagsliste von innen.

Nahaufnahme Kachel-Varianten
Gefüllt — Standard
Mo 7
Hähnchen-Curry
35 Min · mittel
Hähnchen 4 Port.
Gefüllt — Heute
Di 8
Pasta Bolognese
45 Min · mittel
Rind 4 Port.
Gefüllt — Ausgewählt
Mi 9
Gemüse-Stir-fry
20 Min · einfach
Tofu 2 Port.
▼
Gefüllt — Gedimmt
Do 10
Lachs mit Kartoffeln
30 Min · einfach
Fisch
Leer — Vorschläge
Sa 12
+
Gericht wählen
Vorschläge
Ramen mit Ei Neu
Shakshuka Kein Overlap
Tacos Leicht
Alle →
Leer — Ausgewählt
Sa 12
+
Gericht wählen
▼
Vorschläge
Ramen mit Ei Neu
Shakshuka Kein Overlap
Tacos Leicht
Alle →
Gradient-Overlay: Dunkel oben (30% → 0%) für den Tages-Header, dunkel unten (0% → 55%) für den Text. Der mittlere Bereich ist transparent — das Bild ist klar zu sehen. Text-Shadow auf dem Rezeptnamen sichert Lesbarkeit auch bei hellen Bildern. Tags nutzen rgba(255,255,255,.2) als Glasmorphismus-Hintergrund. Zustands-Borders werden per box-shadow umgesetzt (kein Layout-Shift durch border:2px).
01 Kein Tag ausgewählt — volle Seite Kacheln füllen die Viewport-Höhe komplett
Wochenplaner 7.–13. Apr
‹
›
Abwechslungs-Score
7.8/10
Protein
8.0
Zutaten
7.2
Aufwand
8.2
Variety-Analyse →
Überschneidungen
⚠ Hähnchen an Mo + Do
⚠ Tomaten an Di + Do
Geplant
5/ 7 Tage
Mo7
Hähnchen-Curry
35 Min · mittel
Hähnchen4 Port.
Di8
Pasta Bolognese
45 Min · mittel
RindHeute
Mi9
Gemüse-Stir-fry
20 Min · einfach
Tofu2 Port.
Do10
Lachs mit Kartoffeln
30 Min · einfach
Fisch2 Port.
Fr11
Pizza Margherita
50 Min · aufwändig
vegetarisch4 Port.
Sa12
+
Gericht wählen
Vorschläge
Ramen mit EiNeues Protein
ShakshukaKein Overlap
TacosAufwand: leicht
Alle Rezepte →
So13
+
Gericht wählen
Vorschläge
Pho BoNeues Protein
Avocado-BowlKein Overlap
KürbissuppeKein Overlap
Alle Rezepte →
Heute Abend
Pasta Bolognese
Dienstag · 45 Min · mittel
Tag auswählen
Klicke eine Kachel um Details zu sehen oder ein Gericht zu planen
Kein leerer Bereich. Das Grid nimmt die volle Höhe ein (height:100% auf Kacheln und Grid). Gefüllte Kacheln: Bild von oben bis unten, Text per Overlay am unteren Rand. Leere Kacheln: dieselbe Höhe, oben "+ Gericht wählen", darunter die Vorschlagsliste. Da Mo–Fr alle Bilder haben, entsteht ein visuell abwechslungsreicher Kalender ohne Blank Space.
02 Tag mit Rezept angeklickt Mi — Expansion öffnet sich unter dem Grid
Wochenplaner 7.–13. Apr
‹
›
Abwechslungs-Score
7.8/10
Protein
8.0
Zutaten
7.2
Aufwand
8.2
Variety-Analyse →
Überschneidungen
⚠ Hähnchen an Mo + Do
Mo7
Hähnchen-Curry
35 Min
Di8
Pasta Bolognese
45 Min
Mi9
Gemüse-Stir-fry
20 Min · einfach
Tofu
▼
Do10
Lachs mit Kartoffeln
30 Min
Fr11
Pizza Margherita
50 Min
Sa12
+
So13
+
Mittwoch, 9. Apr · Abendessen
Gemüse-Stir-fry
20 Min · einfach · 2 Portionen
TofuPaprikaBrokkoli KarottenZucchiniIngwer SesamölSojasauceKnoblauch
einfach Protein: Tofu Score ▲ +0.4
Mittwoch, 9. Apr
Wie wirkt dieses Gericht?
7.8 /10 ▲ +0.4
✓ Kein Protein-Overlap
✓ Neue Zutaten
~ Tofu zum 2. Mal
Beim Klick auf eine gefüllte Kachel werden alle anderen auf 42% Deckkraft gedimmt (gefüllte und leere). Die Tiles bleiben in ihrer Höhe, die Expansion wächst darunter. Da das Bild jetzt die volle Kachelhöhe einnimmt, wirkt das Dimmen als echter Fokus-Effekt — wie eine Lupe auf das ausgewählte Gericht.