USP Bar
Horizontaler Vertrauensstreifen mit Alleinstellungsmerkmalen – verwendet in Shop Layout 2
Zweck
Kommuniziert auf einen Blick die wichtigsten Vertrauenssignale und Alleinstellungsmerkmale des Shops.
Aufbau
Horizontale Flex-Leiste mit Icon+Text-Paaren, getrennt durch vertikale 1px-Divider. Zentriert, volle Breite.
Default USP Bar
USP BAR · flex centered · bg surface-card · border-b · Pressura Mono 12px · Divider: w-px h-4 bg border-default
Persönliche Beratung
Eigene Werkstatt in Köln & Münster
Showrooms vor Ort
Autorisierter Fachhändler
Kompakte Variante
COMPACT · Pressura Mono 10px · mx-3 · py-2 · für schmale Viewports
Persönliche Beratung
Eigene Werkstatt in Köln & Münster
Showrooms vor Ort
Autorisierter Fachhändler
Spezifikationen
| Eigenschaft | Wert |
|---|---|
| Layout | flex, centered, gap-0 mit Dividern |
| Typografie | Pressura Mono 12px |
| Background | var(--ce-surface-card) |
| Dividers | 1px vertikale Linien (w-px h-4 bg-[var(--ce-border-default)]) |
| Responsive | Umbruch auf mobilen Viewports (flex-wrap) |