Referenz

HeroML

Frontpage-Blöcke

Gestalterische Blöcke für die Startseite — großzügig und aufmerksamkeitsstark (Scope home). button ist überall verfügbar.

hero

Der Aufmacher: eine große, zentrierte Überschrift mit Unterzeile und Handlungsaufforderungen. Untergeordnete button-Blöcke werden zu Aktionen.

Attribut	Werte	Wirkung
`headline`	Text	große Überschrift
`sub`	Text	Unterzeile (optional)
Kind: `button`		Handlungsaufforderungen

hero
  headline: Das Reisemagazin
  sub: Langsame Geschichten aus nahen und fernen Orten — sorgfältig erzählt und fotografiert.
  button variant=primary
    label: Aktuelle Ausgabe
    href: #
  button variant=ghost
    label: Themen
    href: #

Ergebnis ↓

Das Reisemagazin

Langsame Geschichten aus nahen und fernen Orten — sorgfältig erzählt und fotografiert.

Aktuelle Ausgabe Themen

button · action

Eine Schaltfläche (beide Namen sind identisch). Die Variante bestimmt das Aussehen: primary ist gefüllt, ghost nur umrandet.

Attribut	Werte	Wirkung
`variant`	`primary` · `ghost`	gefüllt oder umrandet (Standard `primary`)
`label`	Text	Beschriftung
`href`	URL	Ziel-Link

button variant=primary label="Jetzt lesen" href=#
button variant=ghost label="Mehr erfahren" href=#

Ergebnis ↓

Jetzt lesen Mehr erfahren

features · feature

Ein Raster kurzer Merkmale. features setzt die Spaltenzahl; jedes feature ist eine Kachel.

Attribut	Werte	Wirkung
`cols` (features)	1–4 (Standard 3)	Spaltenzahl (ab 720px einspaltig)
`title` (feature)	Text	Titel der Kachel
`text` (feature)	Text	Beschreibung

features cols=3
  feature
    title: Reportagen
    text: Ausführliche Geschichten mit Zeit zum Erzählen.
  feature
    title: Fotostrecken
    text: Bilder, die einen Ort spürbar machen.
  feature
    title: Service
    text: Konkrete Tipps für die eigene Reise.

Ergebnis ↓

Reportagen

Ausführliche Geschichten mit Zeit zum Erzählen.

Fotostrecken

Bilder, die einen Ort spürbar machen.

Service

Konkrete Tipps für die eigene Reise.

cta

Ein hervorgehobener Handlungs-Kasten mit Titel, Unterzeile und Schaltflächen.

Attribut	Werte	Wirkung
`title`	Text	Überschrift des Kastens
`sub`	Text	Unterzeile
Kind: `button`		Handlungsaufforderungen

cta
  title: Keine Ausgabe verpassen
  sub: Der Newsletter fasst die besten Geschichten des Monats zusammen.
  button variant=primary
    label: Abonnieren
    href: #

Ergebnis ↓

Keine Ausgabe verpassen

Der Newsletter fasst die besten Geschichten des Monats zusammen.