media/ProductShot01

App-Screenshots in Geraeterahmen (iphone, watch, mac) auf einer eingerueckten runden Flaeche; Rahmen und Flaeche aus CSS, Screenshot ungeschnitten, darkSrc als Dark-Mode-Paar per prefers-color-scheme. layout=stage zeigt 1-3 Geraete unter mittiger Ueberschrift (crop=bottom schneidet an der Unterkante), layout=split stellt ein Geraet neben den Text (imageSide wechselt ab). backdrop=tint leitet das Pastell aus brand ab. Braucht echte Screenshots ohne Rahmen.

proof-imageservice-detail
Breite
einzeln öffnen ↗

Props

Alle Felder sind optional; ohne Angabe greift der Default. Ein LLM schickt nur, was abweicht.

FeldTypi18n
eyebrowstringübersetzbar
titlestringübersetzbar
textstringübersetzbar
tagsstring[]gemischt
devices{ kind, src, darkSrc, alt }[]gemischt
layout"stage" | "split"invariant
imageSide"left" | "right"invariant
crop"none" | "bottom"invariant
backdrop"tint" | "raised" | "none"invariant
captionstringübersetzbar
motion"none" | "on"invariant

Defaults

{
  "eyebrow": "Gießkanne für iPhone",
  "title": "Planen, gießen, nachsehen.",
  "text": "Welche Pflanze heute Wasser braucht, steht auf dem ersten Bildschirm. Hell oder dunkel, je nach Einstellung.",
  "tags": [
    "Erinnerung am Morgen",
    "Für Balkon und Garten"
  ],
  "devices": [
    {
      "kind": "iphone",
      "src": "https://picsum.photos/seed/nordwerk-app-heute/603/1311",
      "alt": "Startbildschirm mit den Pflanzen, die heute Wasser brauchen"
    },
    {
      "kind": "iphone",
      "src": "https://picsum.photos/seed/nordwerk-app-lauf/603/1311",
      "alt": "Gießplan der Woche"
    },
    {
      "kind": "iphone",
      "src": "https://picsum.photos/seed/nordwerk-app-verlauf/603/1311",
      "alt": "Verlauf mit den letzten Gießtagen"
    }
  ],
  "layout": "stage",
  "imageSide": "left",
  "crop": "none",
  "backdrop": "tint",
  "caption": "",
  "motion": "on"
}