Design System
Playground Zur Vorlage

Sektionen · VertrauenReview-Badges

Sektion · 5 Varianten

Review-Badges

sections/ReviewBadges.astro

Plattform, Zahl, Stimmen. Proof in Oliv, Plattform in Mono. Keine Sterne, keine gelben Widgets. 02 Zellen nicht aufgenommen. Jede Komposition in Nacht und Paper.

Props

Name Typ Default Notiz
variant "reihe" | "split" | "steg" | "liste" | "kante" "reihe" 02 Zellen nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Bewertet" Section-Label.
title string? — Claim in Split.
items ReviewBadge[]? — platform, score, count, icon optional.
<ReviewBadges variant="reihe" surface="nacht" />
<ReviewBadges variant="liste" surface="paper" />

01 · Reihe

Vier Belege in einer Zeile

Proof-Paar: Zahl, Plattform. Caption die Stimmen.

Nacht

Bewertet

  • 4,9 Google

    87 Stimmen

  • 4,8 ProvenExpert

    64 Gutachten

  • 4,9 Clutch

    12 Mandate

  • 4,6 Kununu

    Team

Paper

Bewertet

  • 4,9 Google

    87 Stimmen

  • 4,8 ProvenExpert

    64 Gutachten

  • 4,9 Clutch

    12 Mandate

  • 4,6 Kununu

    Team

03 · Split

Claim links, Belege rechts

nw-h3 füllt links. 2 × 2 Proof-Paare rechts.

Nacht

Bewertet

Zahlen von dritter Stelle — nicht von uns gesetzt.

  • 4,9 Google

    87 Stimmen

  • 4,8 ProvenExpert

    64 Gutachten

  • 4,9 Clutch

    12 Mandate

  • 4,6 Kununu

    Team

Paper

Bewertet

Zahlen von dritter Stelle — nicht von uns gesetzt.

  • 4,9 Google

    87 Stimmen

  • 4,8 ProvenExpert

    64 Gutachten

  • 4,9 Clutch

    12 Mandate

  • 4,6 Kununu

    Team

04 · Steg

Inline-Paar, senkrechte Stege

Zahl und Plattform in einer Zeile. Caption darunter.

Nacht

Bewertet

  • 4,9 Google

    87 Stimmen

  • 4,8 ProvenExpert

    64 Gutachten

  • 4,9 Clutch

    12 Mandate

  • 4,6 Kununu

    Team

Paper

Bewertet

  • 4,9 Google

    87 Stimmen

  • 4,8 ProvenExpert

    64 Gutachten

  • 4,9 Clutch

    12 Mandate

  • 4,6 Kununu

    Team

05 · Liste

Index, Plattform, Zahl, Stimmen

Eine Haarlinie pro Zeile. Zahl bleibt Proof.

Nacht

Bewertet

  • 01

    Google

    4,9

    87 Stimmen

  • 02

    ProvenExpert

    4,8

    64 Gutachten

  • 03

    Clutch

    4,9

    12 Mandate

  • 04

    Kununu

    4,6

    Team

Paper

Bewertet

  • 01

    Google

    4,9

    87 Stimmen

  • 02

    ProvenExpert

    4,8

    64 Gutachten

  • 03

    Clutch

    4,9

    12 Mandate

  • 04

    Kununu

    4,6

    Team

06 · Kante

Marke, Plattform, Zahl

Stats-Marke sm. Strich links. Kein Plattform-Logo in Farbe.

Nacht

Bewertet

  • Google

    4,9 87 Stimmen
  • ProvenExpert

    4,8 64 Gutachten
  • Clutch

    4,9 12 Mandate
  • Kununu

    4,6 Team

Paper

Bewertet

  • Google

    4,9 87 Stimmen
  • ProvenExpert

    4,8 64 Gutachten
  • Clutch

    4,9 12 Mandate
  • Kununu

    4,6 Team