Sektion
Eine Schale für alle Heroes.
sections/hero/Shell.astro
Granit-950, Raster, optionales ASCII-Feld. Varianten sind Meinungen über Inhalt — nicht über Mechanik.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| name | string | — | Introbar-Label. Auf /system unterdrückt. |
| id | string? | — | Anker auf dem <section>. |
| ascii | "none" | "fabric" | "planet" | "none" | Setzt AsciiField (Element canvas + Schleier). Pause außer Sicht. |
| size | "viewport" | "auto" | "auto" | viewport = min-h-svh, Innencontainer pt-28 pb-16. |
| layout | "split" | "wide" | "full" | "split" | 7+4 · 8+4 · 12 / aside 6. Grid gap-x-6 gap-y-10. |
| heading | "display" | "h1" | "display" | Display für Claims, H1 für lange Titel. |
| label | string? | — | nw-label über der Headline. |
| title | string? | — | Fallback, wenn Slot title leer ist. |
| lead | string? | — | Rechte Spalte, nw-lead, max-w-sm. |
Slots
| Name | Typ | Default | Notiz |
|---|---|---|---|
| title | slot | — | Ersetzt die Headline. Für Umbrüche. |
| below-title | slot | — | Tags, Intro, Breadcrumb unter der Headline. |
| aside | slot | — | Rechte Spalte unter dem Lead. |
| default | slot | — | Volle Rasterbreite darunter. Kind braucht col-span-12. |
<Shell
name="Startseite"
ascii="fabric"
size="viewport"
layout="split"
lead="Die KI-native Agentur für Handwerk, Industrie und Mittelstand."
>
<Fragment slot="title">
Von KI gebaut.<br />Von Menschen verantwortet.
</Fragment>
</Shell>Prop name setzt die Introbar. Auf /system bleibt der Streifen aus, unter /demo an.
Live · split / wide / full, size auto