kopfHTML

Kopfbereich Topline + Headline + Subline — kopfHTML(s,ctx,tc?,tc2?).

Syntax

json

{
  "$": "partial",
  "name": "kopfHTML",
  "args": {
    "color": Wert,
    "subColor": Wert
  }
}

Argumente 2

Argumente	Form	Anmerkung
color	Wert	landet im Markup als style
subColor	Wert	landet im Markup als style

Beispiel

Eingabe

{
  "$": "partial",
  "name": "kopfHTML",
  "args": {
    "color": "#8a2f24",
    "subColor": "#8a2f24"
  }
}

Ausgabe

<div style="text-align:center;"><div><div style="display:inline-block;background:#D8C0FF;border-radius:16px 22px 16px 24px;padding:10px 28px;font-family:var(--heading);font-weight:500;font-size:40px;transform:rotate(-2deg);color:#242424;">Sommer 2026</div></div></div>

Im Spielplatz öffnen — mit genau diesem BeispielBeispiel erzeugt

Aufruf und Argumentliste kommen aus der Registry, die Werte aus einer Regel über die Argument-Namen. Die Ausgabe hat die Press gerechnet. Gerechnet hat es renderDefinition() aus @trybe/static-post-templates — dieselbe Funktion wie im Studio-Canvas und im PNG-Export.

Der Zustand, gegen den gerendert wurde

{
  "slots": {
    "topline": "Sommer 2026",
    "head": "Sommer-Sale",
    "sub": "Drei Wochen, alles reduziert. Nur online.",
    "sig": "@trybe",
    "fmt": "1:1",
    "btn": "Jetzt sichern"
  },
  "mark": {
    "word": "Sale",
    "color": "#8a2f24"
  },
  "liste": [
    "Espresso",
    "Cortado",
    "Filter"
  ],
  "stufe": "zwei",
  "sale": true,
  "zeigeBadge": true,
  "kopfGroesse": 104
}

Verwandt

Quelle: registry.partials — packages/static-post-templates/src/definition-partials.ts — auch der Satz oben steht dort