Design System
Playground Zur Vorlage

Sektionen · HaltungService-Liste

Sektion · 3 Varianten

Service-Liste

sections/ServiceList.astro

Akkordeon. Index, Titel, Intro in der Zeile — auch geschlossen. Die Klappe zeigt Werk. 01 Glatt, 02 Pixel, 03 Icon. Nacht und Paper.

Props

Name Typ Default Notiz
variant "glatt" | "pixel" | "icon" "glatt" 01–03. Pixel sitzt an 02.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Leistungen" Section-Label.
title string? — H2 über der Liste.
lead string? — nw-lead, max. 65 Zeichen.
items ServiceItem[]? — Sechs Zeilen. Icon, Titel, Base, Caption, Werk.
link string? "Zur Leistung" nw-link in der Klappe.
<ServiceList variant="glatt" surface="nacht" />
<ServiceList variant="icon" surface="paper" />

01 · Glatt

Höhe, Icon unter dem Titel

Base in der Zeile, auch geschlossen. Auflistung Snjor. Icon 192px.

Nacht

Leistungen

Das Werk, nicht die Kampagne.

SEO, Fläche, Betreuung, Lehre. Was nicht trägt, bleibt draußen.

  • Index, Query, Nachweis. Die Fläche wird gefunden — nicht behauptet.

    Im Werk

    • Index
    • Query
    • Schema
    • Kanon

    Zur Leistung

  • Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

    Im Werk

    • Zeichen
    • Fläche
    • Satz
    • System

    Zur Leistung

  • Wache, Takt, ein Draht. Vierzehn Tage, ein Slot.

    Im Werk

    • Wache
    • Takt
    • Slot
    • Draht

    Zur Leistung

  • Lehre am Werk. Kein Folien-Deutsch, kein Baukasten.

    Im Werk

    • Lehre
    • Review
    • Abnahme
    • Stimme

    Zur Leistung

  • Zeichen und Wort. Ein Slot, keine Folien.

    Im Werk

    • Zeichen
    • Wort
    • Palette
    • Stempel

    Zur Leistung

  • Ein Ton über alle Flächen — kein Folien-Deutsch.

    Im Werk

    • Echo
    • Satz
    • Chor
    • Pause

    Zur Leistung

Paper

Leistungen

Das Werk, nicht die Kampagne.

SEO, Fläche, Betreuung, Lehre. Was nicht trägt, bleibt draußen.

  • Index, Query, Nachweis. Die Fläche wird gefunden — nicht behauptet.

    Im Werk

    • Index
    • Query
    • Schema
    • Kanon

    Zur Leistung

  • Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

    Im Werk

    • Zeichen
    • Fläche
    • Satz
    • System

    Zur Leistung

  • Wache, Takt, ein Draht. Vierzehn Tage, ein Slot.

    Im Werk

    • Wache
    • Takt
    • Slot
    • Draht

    Zur Leistung

  • Lehre am Werk. Kein Folien-Deutsch, kein Baukasten.

    Im Werk

    • Lehre
    • Review
    • Abnahme
    • Stimme

    Zur Leistung

  • Zeichen und Wort. Ein Slot, keine Folien.

    Im Werk

    • Zeichen
    • Wort
    • Palette
    • Stempel

    Zur Leistung

  • Ein Ton über alle Flächen — kein Folien-Deutsch.

    Im Werk

    • Echo
    • Satz
    • Chor
    • Pause

    Zur Leistung

02 · Pixel

Pixel-Swap, Icon unter dem Titel

Wie 01, Fläche tauscht in Zellen.

Nacht

Leistungen

Das Werk, nicht die Kampagne.

SEO, Fläche, Betreuung, Lehre. Was nicht trägt, bleibt draußen.

  • Index, Query, Nachweis. Die Fläche wird gefunden — nicht behauptet.

    Im Werk

    • Index
    • Query
    • Schema
    • Kanon

    Zur Leistung

  • Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

    Im Werk

    • Zeichen
    • Fläche
    • Satz
    • System

    Zur Leistung

  • Wache, Takt, ein Draht. Vierzehn Tage, ein Slot.

    Im Werk

    • Wache
    • Takt
    • Slot
    • Draht

    Zur Leistung

  • Lehre am Werk. Kein Folien-Deutsch, kein Baukasten.

    Im Werk

    • Lehre
    • Review
    • Abnahme
    • Stimme

    Zur Leistung

  • Zeichen und Wort. Ein Slot, keine Folien.

    Im Werk

    • Zeichen
    • Wort
    • Palette
    • Stempel

    Zur Leistung

  • Ein Ton über alle Flächen — kein Folien-Deutsch.

    Im Werk

    • Echo
    • Satz
    • Chor
    • Pause

    Zur Leistung

Paper

Leistungen

Das Werk, nicht die Kampagne.

SEO, Fläche, Betreuung, Lehre. Was nicht trägt, bleibt draußen.

  • Index, Query, Nachweis. Die Fläche wird gefunden — nicht behauptet.

    Im Werk

    • Index
    • Query
    • Schema
    • Kanon

    Zur Leistung

  • Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

    Im Werk

    • Zeichen
    • Fläche
    • Satz
    • System

    Zur Leistung

  • Wache, Takt, ein Draht. Vierzehn Tage, ein Slot.

    Im Werk

    • Wache
    • Takt
    • Slot
    • Draht

    Zur Leistung

  • Lehre am Werk. Kein Folien-Deutsch, kein Baukasten.

    Im Werk

    • Lehre
    • Review
    • Abnahme
    • Stimme

    Zur Leistung

  • Zeichen und Wort. Ein Slot, keine Folien.

    Im Werk

    • Zeichen
    • Wort
    • Palette
    • Stempel

    Zur Leistung

  • Ein Ton über alle Flächen — kein Folien-Deutsch.

    Im Werk

    • Echo
    • Satz
    • Chor
    • Pause

    Zur Leistung

03 · Icon

Zeichen in der Zeile, glatt

Icon neben dem Titel. Base auch geschlossen.

Nacht

Leistungen

Das Werk, nicht die Kampagne.

SEO, Fläche, Betreuung, Lehre. Was nicht trägt, bleibt draußen.

  • Index, Query, Nachweis. Die Fläche wird gefunden — nicht behauptet.

    Im Werk

    • Index
    • Query
    • Schema
    • Kanon

    Zur Leistung

  • Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

    Im Werk

    • Zeichen
    • Fläche
    • Satz
    • System

    Zur Leistung

  • Wache, Takt, ein Draht. Vierzehn Tage, ein Slot.

    Im Werk

    • Wache
    • Takt
    • Slot
    • Draht

    Zur Leistung

  • Lehre am Werk. Kein Folien-Deutsch, kein Baukasten.

    Im Werk

    • Lehre
    • Review
    • Abnahme
    • Stimme

    Zur Leistung

  • Zeichen und Wort. Ein Slot, keine Folien.

    Im Werk

    • Zeichen
    • Wort
    • Palette
    • Stempel

    Zur Leistung

  • Ein Ton über alle Flächen — kein Folien-Deutsch.

    Im Werk

    • Echo
    • Satz
    • Chor
    • Pause

    Zur Leistung

Paper

Leistungen

Das Werk, nicht die Kampagne.

SEO, Fläche, Betreuung, Lehre. Was nicht trägt, bleibt draußen.

  • Index, Query, Nachweis. Die Fläche wird gefunden — nicht behauptet.

    Im Werk

    • Index
    • Query
    • Schema
    • Kanon

    Zur Leistung

  • Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

    Im Werk

    • Zeichen
    • Fläche
    • Satz
    • System

    Zur Leistung

  • Wache, Takt, ein Draht. Vierzehn Tage, ein Slot.

    Im Werk

    • Wache
    • Takt
    • Slot
    • Draht

    Zur Leistung

  • Lehre am Werk. Kein Folien-Deutsch, kein Baukasten.

    Im Werk

    • Lehre
    • Review
    • Abnahme
    • Stimme

    Zur Leistung

  • Zeichen und Wort. Ein Slot, keine Folien.

    Im Werk

    • Zeichen
    • Wort
    • Palette
    • Stempel

    Zur Leistung

  • Ein Ton über alle Flächen — kein Folien-Deutsch.

    Im Werk

    • Echo
    • Satz
    • Chor
    • Pause

    Zur Leistung