Design System
Playground Zur Vorlage

Sektionen · PreisePricing-Tiers

Sektion · 6 Varianten

Pricing-Tiers

sections/PricingTiers.astro

Drei Slot-Größen, Toggle Festpreis/Retainer zählt die Zahl in 600 ms um. Mittel ist Highlight im Fond mit Signal. Eine Primary.

Notizen

  • Preismodell laut Entscheidung: Slot-Größen × Festpreis/Retainer. Zahlen sind Platzhalter.
  • Shadcnblocks pricing2/3/4: Toggle über den Spalten, Highlight gedimmt statt bunt. Liberate: Karten in Haarlinie.
  • Bei Promotion: PricingCard bekommt data-Preise, Sektion setzt PricingCard statt eigener Karte.

Props

Name Typ Default Notiz
variant "karten" | "haarlinie" | "toggle-oben" | "zeilen" | "kompakt" | "split" "karten" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<PricingTiers variant="karten" surface="nacht" />

01 · Karten

Drei Karten, Mitte im Fond

pricing3. Toggle unter dem Lead.

Nacht

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

Paper

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

02 · Haarlinie

Drei Zellen, gemeinsame Linie

Problem raster. Highlight als Fond in der Zelle.

Nacht

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

Paper

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

03 · Toggle oben

Wie 01, Intro linksbündig

pricing4. —

Nacht

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

Paper

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

04 · Zeilen

Eine Zeile je Größe

Vergleich zeilen. Preis und Button in der Zeile.

Nacht

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

Paper

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

05 · Kompakt

Ohne Features, ohne Sub

Sticky-CTA preis. Für Sidebar oder Fuß.

Nacht

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

Paper

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

06 · Split

Intro sticky, Zeilen rechts

blog11. Grid pt-8.

Nacht

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review

Paper

Preise

Drei Größen, zwei Wege.

Festpreis für einen Slot oder Retainer für den laufenden Draht. Kein Baukasten, keine Stunden.

  • Slot Klein

    Bis fünf Seiten. Fläche, Index, Draht.

    4.900 einmalig

    • Ein Slot, vierzehn Tage
    • Index vor Ads
    • Ein Draht
  • Slot Mittel

    Bis fünfzehn Seiten. Zwei Sprachen möglich.

    9.800 einmalig

    • Zwei Slots, vier Wochen
    • Index und Schema
    • Zweite Sprache
    • Monatlicher Blick
  • Slot Groß

    Fläche plus Ausbau. Shop oder Portal.

    19.800 einmalig

    • Vier Slots
    • Anschluss CMS, CRM, Shop
    • Zwei Sprachen
    • Vierteljahres-Review