Styleguide
Vendy Marketing-Styleguide
Token-basierte Bausteine, Palettenchecks und wiederverwendbare Abschnittsregeln für die öffentliche Website.
Buttons
All token-backed variants and sizes.
Badges
Labels, status chips, outlines and mono accent pills.
defaultaccentokwarnerroutlineaccent-mono
Cards
Surfaces and interactive treatment.
card
Surface token demo.
card
panel
Surface token demo.
panel
alt
Surface token demo.
alt
interactive
Hover state on a card.
hover
Sections
Tone and spacing variants.
Token Palette
Swatches come from Vendy tokens, including segment accents.
bg
panel
card
card-alt
accent
food
ecom
local
online
beauty
Accordion
Expandable help and FAQ structure with density variants.
compact density
Add the component, schema and registry entry, then reference the block in a page config.
Config ownership
Runtime IDs and toggles live in config and env validation files, never inside components.
comfortable density
Add the component, schema and registry entry, then reference the block in a page config.
Config ownership
Runtime IDs and toggles live in config and env validation files, never inside components.