Category Filter
Kategorie-Pills, Icon Grid und Sidebar-Filter-Komponenten für den Shop
1. Pill Filter (Shop)
ROUNDED-FULL · ACTIVE: BG INVERT · INACTIVE: BG MUTED · MONO 12PX
Alle(35)Zubehör(1)Wasserfilter(4)Filterkaffee(3)Siebträger(10)Kaffeemühlen(13)Eversys(2)Barmaschinen(5)
2. Icon Grid Filter
6 KATEGORIEN · ICON TRANSPARENT · NAME + COUNT · GRID 6-COL / 3-COL · MIX-BLEND-MODE: MULTIPLY
Zubehör
1
Wasserfilter
4
Filterkaffee
3
Siebträger
10
Kaffeemühlen
13
Eversys
2
Barmaschinen
5
3. Vertikaler Filter (komplett)
SIDEBAR-LAYOUT · ALLE 4 FILTER-KOMPONENTEN KOMBINIERT · MAX-WIDTH 280PX
Alle(30)Siebträger(10)Barmaschinen(5)Kaffeemühlen(9)Eversys(2)Wasserfilter(4)Zubehör(0)
Marke
Preisbereich
Alle PreiseBis 1.000 €1.000 – 3.000 €3.000 – 5.000 €Über 5.000 €Preis auf Anfrage
Einsatzbereich
4. Kategorie Tabs
VERTIKALE TABS · ACTIVE: BG INVERT · ROUNDED-[8PX] · MONO 13PX · COUNT RECHTS
Alle(30)Siebträger(10)Barmaschinen(5)Kaffeemühlen(9)Eversys(2)Wasserfilter(4)Zubehör(0)
5. Marke
CHECKBOX-LISTE · MARKENNAME + COUNT · BORDER-STRONG CHECKBOX · MONO 13PX
Marke
6. Preisbereich
TEXT-LISTE · ACTIVE: HEADING + FONT-MEDIUM · INACTIVE: SECONDARY · MONO 13PX
Preisbereich
Alle PreiseBis 1.000 €1.000 – 3.000 €3.000 – 5.000 €Über 5.000 €Preis auf Anfrage
7. Einsatzbereich
CHECKBOX-LISTE · HOME / GASTRONOMIE · COUNT RECHTS · MONO 13PX
Einsatzbereich
Spezifikationen
| Variante | Besonderheiten |
|---|---|
| Pill Filter | rounded-full, Mono 12px, Active = Invert-Style, Inactive = Muted bg |
| Icon Grid | 6-col Grid, Icons 80x80, mix-blend-mode: multiply, opacity-70 → hover 100 |
| Kategorie Tabs | Vertical tabs, Active = Invert bg, rounded-[8px], Mono 13px |
| Marke | Checkbox-Liste, border-strong, count rechts, Mono 13px |
| Preisbereich | Text-Liste, Active = heading + medium, Mono 13px |
| Einsatzbereich | Checkbox-Liste, Home / Gastronomie, count rechts |