Markenfilter
Interaktive Markenleiste — klickbar als Filter für Produktlisten. Grayscale-Logos, farbig bei Selektion.
Interaktive Demo
MARKENFILTER · grid 5-col · grayscale(100%) → grayscale(0%) on click · multi-select · inactive: opacity(0.35)
Premium Marken aus unserem Sortiment
Klick auf ein Logo, um die Produkte nach Herstellern zu filtern
Statische Ansicht
BRAND STRIP · flex-wrap · gap-8 · grayscale(100%) → grayscale(0%) on hover · keine Selektion
Premium Marken aus unserem Sortiment
Aufbau
| Eigenschaft | Wert |
|---|---|
| Layout | grid 5-col (3 mobil), gap-x-6 gap-y-8, centered |
| Heading | Pressura, 18px, text-heading, centered |
| Logo Default | h-8 object-contain, grayscale(100%) |
| Logo Aktiv | grayscale(0%) — volle Farbe |
| Logo Inaktiv | grayscale(100%) + opacity(0.35) |
| PNG handling | mix-blend-mode: multiply |
| Interaktion | Multi-Select: Klick togglet einzelne Marken, mehrere gleichzeitig wählbar |
| Aktiv-Indikator | Pill-Badges pro Marke + Reset-Link |
| Hinweistext | Pressura Mono, 12px, text-muted, centered |
| Hintergrund | surface-muted (hellgrau) |
| Marken | La Marzocco, Profitec, ECM, Eversys, Ceado, Fellow, Mahlkönig, Victoria Arduino, Varia, Eureka |