Badge Preview

Interne Vorschau: 3 Badge-Typen × 2 Modi × 3 Größen = 18 Varianten. Diese Seite ist nicht indexiert.

1. Hugo Check Verified

Shield + Checkmark, Score-Anzeige, Teal primary

Light Mode

Dark Mode

Score-Varianten (Light / md)

2. DSB Datenschutz-Siegel

Seal/Stamp, Navy primary, Amber accents, aktiv-Indikator

Light Mode

Dark Mode

Jahres-Varianten (Light / md)

3. Hugo Shield NIS2 Certified

Shield + Buchstaben-Grade (A-F), Teal/Navy, Compliance-Look

Light Mode

Dark Mode

Alle Grades (A-F) — Light / md

Kontext-Test: Verschiedene Hintergründe

Lesbarkeit auf realistischen Website-Hintergründen

Hellgrau (#F8FAFC) — typische SaaS-Seite

Warmweiß (#FFFBF5) — Kanzlei-Website

Dunkelblau (#0F172A) — Corporate Footer

Mittelgrau (#E5E7EB) — WordPress-Standard

Teal-Akzent (#0C4A6E) — Tech/Health SaaS

Inline-Kontext: Badge im Fließtext

So sehen die kleinen Badges neben Text aus