Regionen News Über uns Partner:innen Downloads Kontakt

Styleguide

v1.0

S'visuelle Chochbuech vo de Gnussregion Züri. Da findsch alli Zuetate für es konsistents Design.

Changelog

Was isch neu? Alli Änderige im Überblick — vo Launch bis hüt.

🎉 v1.0 — Styleguide 1.0 — Fertig!▼

18.12.2024

Styleguide offiziell fertig — Version 1.0 Release
Partner-Komponente: displayMode Flag (marquee/default)
Alli Sektione dokumentiert und polished

🧱v0.9.7Event Details, Partner Logos, Testimonials & anderi UI Komponente

16.12.2024

CMS Grid: Flexibles Layoutsystem mit Subgrid für konsistenti Card-Usrichtig
Charta Grid: Partner-Showcase mit Auto-fill und Hover-Effekt
Statistik-Counter: Animierti Zahle mit Scroll-Trigger
Partner-Logos: Animierti Logo-Showcase mit Hover-Effekt
Event Detail: Neui Darstellig für Event-Detailsiite
Testimonials: Zentriert und Side-by-Side Variante
Alerts: Success, Info, Warning, Error mit Farbcodierig

🎨v0.9.6D2 Farboptimierig

15.12.2024

Farbpalette optimiert für meh D2 (Frischi/Dynamik)
Mint & Mint Light: Dütlich frischer und lüchtender
Raspberry: Pink-Shift für meh Energie
Blue: Heller und meh Lüchtkraft
Schiefer: Wärmer und luftiger

🧱v0.9.5CMS Komponente

12.12.2024

Neui CMS Komponente Sektion im Styleguide
Hero-Variante (Default, Split, Fullwidth, Video)
Accordion, Testimonial, Feature-Liste, Banner
Bild & Text, Galerie, Divider & Spacer

✨v0.9.4Visual Polish

12.12.2024

Visual Polish mit Hover-Effekt und Micro-Interactions
Loading & Skeletons Sektion mit Shimmer-Animation
Modals & Overlays
Press-Effekt für alli Buttons
404-Siite dezenter gstaltet
Genussregion-Stämpel im Mobile Menu

📝v0.9.2Formular-Power

11.12.2024

Neus Anlass-Einreichen Formular für Partner
Emoji-Pools massiv erweitert
Tags jetzt im schöne Züri-Blau

✨v0.9.1Animation Magic

10.12.2024

Logo-Animation mit rotierendem Text
Animated Loader mit Emoji-Karussell
Sticky Navigation für besseri UX

🚀v0.9.0Launch

09.12.2024

Initiale Styleguide-Siite online
Farbe, Typografie, Buttons dokumentiert
Grundlag für konsistents Design gleit

Logo

Euses Logo isch wie en guete Wii: Es entfaltet sich erst bim zweite Häreluege. Hover drüber und la di überrasche.

Apfel (hover for effect)

Getränk (hover for effect)

Glühbirne (hover for effect)

Hover State

Farbe

Eusi Farbpalette isch inspiriert vo de Zürcher Landschaft: Blau wie de See, Mint wie d'Alpewiesene, Raspberry wie... naja, Himbeerli halt.

🎨

D2 FarboptimierungOptimiert für mehr Frische basierend auf Limbic® Analyse

Zur Analyse →

Primärfarbe — D'Hauptdarsteller

Zürich Blue

#0066cc

Euse Held. Staat für Vertraue und Seriosität.

Zürich Blue Light

#0066cc40

40% Opacity. Für dezänti Akzänt.

Sky Blue

#0052a3

De Hover-State. Chli dunkler, chli mysteriöser.

Neutrals — Beige/Sand Töne

Schiefer

#e8ddd0

Warms Beige. Perfekt für Hintergründ.

Schiefer Light

#f5f0ea

No sanfter. Für subtili Fläche.

Schiefer Medium

rgba(232,221,208,0.75)

75% Opacity. Für Overlays.

Tegschtfarbe

Black

#333333Headlines

Dark

#555555Fliesstext

Grey

#ccccccDeaktiviert

Akzäntfarbe — D'Gwürz

Mint
#2dd4a8

Mint Light
#86efcb

Raspberry
#c2185b

Raspberry Light
#c2185b3c

Yellow
#fff176

Yellow Light
#fff9c4

White
#ffffff

Typografie

Drü Schrifte, drü Persönlichkeite. Wie bi emne guete Menü: Jedi het ihre Platz.

Schriftfamilien

Heading Font

Bricolage Grotesque

Headlines, Logo, Navigation

Willkomme i de Gnussregion

Kulinarischi Vielfalt entdecke

Lokali Produänte & Events

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Regular 400 · Medium 500 · Semibold 600 · Bold 700

Body Font

Inter

Fliesstext, UI, Buttons

D'Gnussregion Züri vereint über 200 lokali Produzänte, Restaurants und Verastalter.

Entdeck d'Vielfalt vo de Zürcher Gastronomie: Vo traditionelle Spezialitäte bis zu innovative kulinarische Erläbnis. Eusi Partner stönd für Qualität, Nachhaltigkeit und ächte Gnuss.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Regular 400 · Medium 500 · Semibold 600

Serif Font

Lora

Artikel, Zitate, Editorial

«Ässe isch nöd nur Nahrig, sondern Kultur, Gmeinschaft und Läbesfröid.»

I de Gnussregion Züri pfläged mir e Tradition, wo wiit über s'blossi Choche uusegaat. Da träffed sich Mensche, zum zäme gniesse, Gschichte teile und neui Gschmackswälte entdecke.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Regular 400 · Medium 500 · Semibold 600 · Bold 700

Heading Hierarchie

H1 — De grossi Uftritt (42px)

H2 — D'Kapitelüberschrift (36px)

H3 — De Abschnitt (24px)

H4 — S'Unterkapitel (22px)

H5 — De Hinwiis (20px)

H6 — S'Chliigdruckti (16px)

Blockquote — Zitat mit Stil

Blockquotes für Zitat, Kundestimme oder Hervorhebige. Mittig zentriert, Serif-Schrift, elegant mit Trennlinie vor em Autor.

«Ässe isch nöd nur Nahrig, sondern Kultur, Gmeinschaft und Läbesfröid.»

Genussregion Zürich

«D'Qualität vo lokale Produkt isch unschlagbar. Wer einmal echte Zürcher Chäs probiert het, will nüt anders meh.»

Maria Schneider
Chäserin, Zürcher Oberland

Buttons

Buttons sind wie Händschüttlä: Si söled klar, fründlich und nöd z'ufdringlich sii.

Variante

Grössene

Zuständ

Default

Hover — Muus drüber

Focus — Tab-Navigation

Active — Bim Klicke

Disabled — Nöd klickbar

Links

Standard Link Hover Link Underline Link← Hover für de Effekt

Interactions — S'Salz i de Suppe

Press Effect

Alli Buttons händ en Press-Effekt (scale 0.97).

Toggle Pill

Notifications: Us

Focus Ring

Tab-Navigation zeigt en Mint-Ring.

Formulare

Formulare sind wie erschti Dates: Frag nöd z'viel uf eimal, bis höflich, und gib klars Feedback.

Input-Felder

Text Input

Select

Textarea

Validation States

Fähler-Zuestand

Fähler-Zuestand

Bitte korrigier das Fäld

Mit Pflichtfeld *

Komponänte

D'Baustei vo eusere Oberflächi. Wie Lego, nur schöner.

Cards — D'Visitecharte vo jedem Inhalt

Cards gruppiere Inhält visuell. Mit Hover-Effekt wärde si interaktiv und ladend zum Entdecke ii.

Lift

Hebt s'Element a und git Schatte.

Glow

Subtile blaui Usestrahlig.

Scale

Wird chli grösser (5%).

Standard

Ohni spezielle Effekt.

Feature Cards

🎭🥂

40+ Emojis

Alli Gastro-Emojis us üsem Pool schwäbed im Hindergrund.

🍜

4🫕4 Design

D'Null isch es Fondue — typisch schwizerisch.

💬✨

Züridütsch

"Ned gfunde!" — Authentisch und sympathisch.

🧭

Quick Links

Schnäll zrugg zu Events, Kurse, Restaurants.

Tags — Chliini Hälfer für grossi Übersicht

Tags kategorisiere Inhält uf eine Blick. Si söled kompakt, lesbar und nöd z'schrill sii.

Filter Pills

Pill-Shape mit Hover-Lift und aktivem Zuestand. Perfekt für Filter und Kategorie.

Zuständ

Default

Tag

Hover

Tag

Active

Tag

Schatte — Tüüfi ohni Drama

.shadow-md

Subtil, für Cards

.shadow-lg

Standard, für Modals

.shadow-xl

Dramatisch, für Overlays

Border Radius — Ecke und Kante

4px

.border-radius-md

6px

.border-radius

8px

.border-radius-lg

16px

.border-radius-xl

50px

.rounded

Ticket Component — Din Iitritt is Gnussparadies

Chäs-Degustation

En Obe volle Gnuss

12. März 2026CHF 85.–

Sold Out Badge — Leider scho weg

Uusverchauft

Media Uploader — Bilder säged meh als 1000 Wort

E iiladendi Dropzone, wo Benutzer ermuetiget, ihri schönste Food-Fotos ufezlade. Dashed Border = “da chasch öppis mache”.

Default

Dateie da ane zieh

oder klicke zum Uuswähle

JPG, PNG oder WEBP · Max. 5MB

Drag Active — Datei wird drüber zoge

Jetzt la los!

Icons — Visuelle Hälfer

Icons in verschiedene Grössene. Konsistent düre d'ganzi Applikation. Bruuche die .icon Klasse mit Grössene-Modifier.

Small
14px

Default
18px

Bigger
24px

Large
36px

XL
48px

Verwendung: .icon, .icon--small, .icon--bigger, .icon--l, .icon--xl

Alerts — Mäldige mit Charakter

Für Feedback, Warnige und Informatione. Jedi Variante het e klari Funktion und Farbcodierig.

✓

Erfolg!Dini Aamäldig isch bestätigt.

ℹ

Info:De Event findet bi jedem Wetter statt.

⚠

Achtung:Nur no 3 Plätz verfüegbar!

✗

Fähler:Bitte probier's nomol.

Modals & Overlays — Fokussiert und elegant

Fokussiert, elegant, und uf de Punkt. Eifach probiere!

✨

Euses Modal

Sanfti Scale-Animation mit Blur-Backdrop. Smooth ine, smooth use.

⚠️

Bestätigung

Für kritischi Aktione. Klar, direkt, und mit Emoji-Feedback.

Layout & Spacing

Wiissruum isch wie Stilli i de Musik: Ohni ihn wär alles nur Lärm.

← Volli Breiti (100vw) →

.container — max 1240px, zentriert, mit Padding

Container Breakpoints

Breakpoint	ab Viewport	Container Max
XS	0	100%
SM	576px	540px
MD	768px	720px
LG	992px	960px
XL	1200px	1140px
XXL	1580px	1240px

Spacing Scale — Vo flüstere bis brüele

1
0.25rem

2
0.5rem

3
1rem

4
1.5rem

5
3rem

Verwendung: .p-3 (padding), .m-3 (margin), .gap-3 (flex/grid gap), .g-3 (row gutter)

Padding Demo

.p-1

.p-2

.p-3

.p-4

.p-5

Animated Loader

Emoji-Animatione. Jedes Emoji het sini eigeti Persönlichkeit.

Einzelni Emojis

Restaurant

Wiggle

Event

Swirl

Kurs

Bounce

Produkt

Pulse

Grössene

Small (32px)

Medium (48px)

Large (72px)

Gschwindigkeite

Fast
600ms Carousel

Normal
1.5s Carousel

Slow
3s Carousel

Alli Emoji-Pools & Richtlinie▼

🍽️🍷👨‍🍳🧀🥐☕🫕🥗🍾🧑‍🌾... und viel meh

Alli Emoji-Pools

🍽️ Restaurant

🍽️🍴🥘🍲🍳🥗🍝🥄🫕🥣🥢🍜🍛🥙🧆🥫

🍷 Events

🍷🥂🍾🍸🥃🍹☕🍵🫖🧋🍻🍺🧉🥤🫗🍶

👨‍🍳 Kurse - Köche

👨‍🍳👩‍🍳🧑‍🍳👨🏻‍🍳👩🏻‍🍳🧑🏻‍🍳👨🏼‍🍳👩🏼‍🍳🧑🏼‍🍳👨🏽‍🍳👩🏽‍🍳🧑🏽‍🍳👨🏾‍🍳👩🏾‍🍳🧑🏾‍🍳👨🏿‍🍳👩🏿‍🍳🧑🏿‍🍳

🤵 Kurse - Kellner

🤵🤵🏻🤵🏼🤵🏽🤵🏾🤵🏿🤵‍♂️🤵‍♀️

💁 Kurse - Service

💁💁🏻💁🏼💁🏽💁🏾💁🏿💁‍♂️💁‍♀️

🧑‍🌾 Kurse - Bauern

🧑‍🌾👨‍🌾👩‍🌾🧑🏻‍🌾👨🏻‍🌾👩🏻‍🌾🧑🏼‍🌾👨🏼‍🌾👩🏼‍🌾🧑🏽‍🌾👨🏽‍🌾👩🏽‍🌾🧑🏾‍🌾👨🏾‍🌾👩🏾‍🌾🧑🏿‍🌾👨🏿‍🌾👩🏿‍🌾

🧀 Produkte

🧀🥖🥐🧈🥧🧁🎂🍰🍯🌰🫒🍫🍪🥜🧇🥨

Wenn Emojis bruuche?

✓JA — Emojis bruuche bi

Loading States — verchürzt gfühlti Warteziit
Erfolgs-Nachrichtä — fiered de Momänt 🎉
Leeri Zuständ — macht "nüt gfunde" fründlicher
Kategorie-Icons — schnelli visuelli Orientiärig
Tags & Badges — Neu ✨, Vegan 🌱
Newsletter & E-Mails — erhöht d'Ufmerksamkeit
Social Media — plattform-typisch
404/Fählersiite — entschärft Frust

✗NEI — Kei Emojis bi

Fliesstegscht / Artikel — stört s'Läse
Rächtlichi Tegscht (AGB) — muess seriös sii
Kritischi Fählermäldige — klari Info nötig
Formulare / Labels — länkt ab
Navigation / Menü — überlade
Priise & Zahle — professionell blibe
Rächnige / Beleg — Gschäftsdokumänt
Accessibility-kritisch — Screen Reader liest alles

Wie Emojis iisetze?

Platzierig

Am Ändi vom Tegscht

✓ Bestellig erfolgriich 🎉✗ 🎉 Bestellig erfolgriich

Eis Emoji pro Elemänt

✓ Jetzt bueche 🎫✗ Jetzt bueche 🎫✨🔥

Nach Satzzeiche

✓ Merci vilmal! 🙏✗ Merci vilmal 🙏!

Nöd im Fliesstegscht

✓ Chäs-Event isch toll gsi✗ De 🧀 Event isch 🔥 gsi

Mängi & Hüfigkeit

✓ Guet: 3-5 Emojis pro Siite a strategische Stelle

✗ Schlächt: Jedi Überschrift, jede Button mit Emoji

Fausträgle: Wenn du di fragsch "isch das z'viel?" — isch es wahrschinli z'viel.

Konsistänz — Immer s'gliiche Emoji

Events:🎫

Wein:🍷

Kurse:👨‍🍳

Produkte:🧀

Newsletter:📧

Geschenke:🎁

Konkreti Biispil

Erfolgs-Nachrichtä

Bestellig erfolgriich 🪄🎫

Aamäldig bestätigt ✨

Nachricht gschickt! 📧

Leeri Zuständ

Kei Events gfunde 🍷

Warekorb isch leer 🛒

Kei Favorite ⭐

Tags & Badges

Neu ✨Vegetarisch 🥗Vegan 🌱Bio 🌿Lokal 📍

Kategorie-Icons

🍷 Wein-Events👨‍🍳 Kochkurse🧀 Käse🫕 Fondue☕ Kaffee

E-Mail Betreffzeilen

✨ Dein Ticket für den Käse-Abend🍷 Neue Wein-Events im März🎁 Geschenk-Gutschein ist bereit

Saisonali Kampagne

🌷 Früelig — Spargel, frischi Salät

☀️ Summer — BBQ, Outdoor-Dining

🍂 Herbscht — Wiiläse, Marroni

❄️ Winter — Fondue, Raclette

Fähler & Warnige — Wenn (k)eis Emoji?

Kritische Fähler — KEIS Emoji

Zahlig fählgschlage. Bitte probiers nomol.

Softi Warnig — Emoji optional

Nur no 3 Plätz verfüegbar! 🔥

Info-Hinwiis — Emoji möglich

Tipp: Früe bueche lohnt sich ✨

Loading & Skeletons

Warteziit chli aagnehmer mache. Skeleton-Loader, Progress-Bars und Spinner.

Skeleton Loader — Platzhalter mit Schimmer

Text Skeletons

Card Skeleton

Progress Bar — Wiit isch es no?

Determinate (30%, 60%, 100%)

Indeterminate (lädt...)

Spinner — De Klassiker

Small

Medium

Large

Mint

White

Best Practices — Wenn was bruuche?

Skeleton

Für Content wo chunnt. Zeigt d'Struktur vo dem wo glade wird.

Spinner

Für Aktione. Wenn öppis passiert aber mer nöd weiss wie lang.

Progress

Für längeri Prozess. Uploads, Downloads, Formular-Verarbeitig.

CMS Komponente

D'Baustei wo mir im Cockpit CMS verwende zum Content ufbaue. Die Komponente werde vom CMS gladed und chönd vo Content-Redakteure zämegsetzt werde.

💡

Cockpit CMS: Alli Komponente unde sind im CMS verfüegbar und chönd per Drag & Drop platziert werde. D'Demos zeige statischi Beispiel — im CMS sind d'Inhalt dynamisch.

Hero

D'Hero-Komponente für Siiteaafäng. Vier Variante für verschiedeni Zweck.

Hero Default

Text links, Bild rechts.

Willkomme bi de Genussregion

Entdeck lokali Produzente und erleb d'Vielfalt vo de Region Zürich.

Hero Split

50/50 Grid-Layout. Bild gaht bis zum Rand, volli Höchi.

Gnuss us de Region

Bild und Text näbed enand. Ideal für visuelli Gschichte.

Hero Fullwidth

Grosses Bild, Text drunter zentriert. Optional mit Stämpel.

Genussregion Zürich 2026

Fullwidth Hero mit Bild wo über d'ganzi Breiti gaht. Text zentriert drunter.

Hero Video

Autoplay Video im Hindergrund mit Text-Overlay.

▶️

Video Hero

Autoplay Video mit Mute. Perfekt für immersivi Erläbniss.

Accordion

Für FAQs, Details wo meh Platz bruuched, oder strukturierti Inhalt. Click zum Uf- und Zueklappe.

Was isch d'Genussregion Zürich?

D'Genussregion Zürich isch en Initiative wo lokali Produzente, Gastronome und Konsumente verbindet. Mir setze eus für nachhaltige Ernährig und regionali Wertschöpfig i.

Wie chani mitmache?

Als Produzent, Gastronom oder Verarbeiter chasch dich bi eus melde. Mir prüfed dini Bewerbig und nämed dich gern uf.

Wo findi euri Events?

Alli Events findsch uf eusere Website under "Veranstaltunge". Mir organisiere regelmässig Märkt, Degustazione und Workshops.

Testimonial

Zitat mit Bild — für Kundestimme, Partner-Feedback, oder Expertemeinnige. Zwei Variante: Zentriert (Standard) und Side-by-Side.

Zentriert (Standard)

Bild obe, Text drunter zentriert. Wie im CMS verwendet.

«D'Genussregion Zürich het mir ghulfe, mini lokale Produzente besser z'vernetze. D'Qualität vo de Produkt isch eifach fantastisch!»

Marco MüllerKüchenchef, Restaurant Seeblick

Feature-Liste

Für Vorteile, Features, oder Listeninhalt mit Icons.

Mit Check-Icons

✓100% regional und saisonal

✓Direkter Kontakt zu Produzente

✓Nachhaltig und fair

✓Höchsti Qualitätsstandards

Mit Bullet Points

Über 200 Partner-Betrieb
Jährlich 50+ Events
Direktvermarktig ohni Umweg
Transparenti Lieferkette

Bild & Text

Klassisches Layout — Bild links oder rechts mit Text danebed. Perfekt für Storytelling.

🧀

Vo de Region, für d'Region

Eusi Partner produziere mit Leidenschaft und Sorgfalt. Vom Chäs us em Zürcher Oberland bis zum Wii vo de Goldküste — jedes Produkt erzählt e Gschicht.

Banner

Call-to-Action Banner für wichtigi Hinwiis oder Aktione.

Werde Teil vo de Genussregion!

Als Partner profitiersch vo Sichtbarkeit, Vernetztig und Events.

Divider & Spacer

Visuelle Trenner und Abständ für besseri Struktur.

Inhalt vor em Divider

Inhalt nach em Divider

Spacer (3rem)

Inhalt nach em Spacer

Galerie

Bildergalerie mit Lightbox-Funktion. Unterstützt verschiedeni Layouts.

🍷

🥬

🍞

🐄

🍯

🧈

Im CMS chönd echti Bilder mit Lightbox-Funktion hinzuegfüegt werde.

CMS Grid — Flexibles Layoutsystem

D'CMS Grid Komponente für responsive Card-Layouts. Mit Subgrid für konsistenti Usrichtig vo Bild, Titel und Text.

🧀

Chäserei Müller

Handgmachte Chäs us em Zürcher Oberland

🍷

Bäckerei Keller

Frischs Brot und Guetzli sit 1952

Klasse: .cms-grid--subgrid mit CSS Variable --grid-cols für d'Spalteaazahl

Charta Grid — Partner-Showcase

Speziells Grid für d'Charta-Partner Darstellig. Auto-fill Layout mit Hover-Effekt und Subgrid.

🏔️

Bergbauer Meier

Oberland

🐄

Milchbuur Huber

Unterland

🍎

Obstgarte Weber

Weinland

🌾

Getreide Keller

Limmattal

Klasse: .charta-grid und .charta-grid__card

Statistik-Counter

Animierti Zahle für Statistike und Erfolgszahle. Zählt hoch bim Scroll.

200+

Partner

50+

Events pro Jahr

Regione

100%

Regional

Partner-Logos

Im CMS stuerbar mit displayMode: default (Grid) oder marquee (Ticker).

Partner Grid — `displayMode: default`

Zentriert, volli Farbe. Statischs Grid-Layout.

Partner Marquee — `displayMode: marquee`

Automatisch scrollendi Animation. Full-width, pausiert bi hover.

Event Grid

So präsentiere mir eusi Events. Responsiv, flexibel, und immer appetitlich.

Entdecke Zürich

Kulinarische Erlebnisse

Food Tours, Workshops, Degustationen und mehr — erlebe die Genussregion Zürich mit allen Sinnen.

Food TourHighlight

Zürich Food Tour: Altstadt Genuss

Kreis 1

15. Jan 2025

Degustation

Weinverkostung im Niederdorf

Kreis 1

18. Jan 2025

Workshop

Craft Beer Workshop

Kreis 5

20. Jan 2025

Genuss-Event

Käse & Wein Abend

Kreis 4

22. Jan 2025

MarktGratis

Farmers Market Oerlikon

Kreis 11

25. Jan 2025

Workshop

Barista Kurs für Anfänger

Kreis 3

27. Jan 2025

Drink

Whisky Tasting Masterclass

Kreis 8

28. Jan 2025

Genuss-EventGratisHighlight

Streetfood Festival Zürich

Kreis 5

1. Feb 2025

TalkGratis

Talk: Nachhaltige Gastronomie

Kreis 6

3. Feb 2025

Workshop

Schokoladen Workshop

Kreis 2

5. Feb 2025

Workshop

Pasta Making Class

Kreis 4

8. Feb 2025

Drink

Gin & Tonic Verkostung

Kreis 1

10. Feb 2025

MarktGratis

Bio-Markt Wiedikon

Kreis 3

12. Feb 2025

Workshop

Sushi Workshop

Kreis 7

14. Feb 2025

Ausstellung

Kaffee Ausstellung

Kreis 5

15. Feb 2025

Food Tour

Veganer Brunch Tour

Kreis 4

16. Feb 2025

Workshop

Bier Braukurs

Kreis 9

18. Feb 2025

Food Tour

Käserei Besichtigung

Region Zürich

20. Feb 2025

Drink

Cocktail Mixkurs

Kreis 1

22. Feb 2025

TalkGratis

Talk: Farm to Table

Kreis 5

24. Feb 2025

Degustation

Olivenöl Degustation

Kreis 8

26. Feb 2025

Workshop

Food Photography Workshop

Kreis 4

28. Feb 2025

MarktGratis

Nachtmarkt Langstrasse

Kreis 4

1. März 2025

Degustation

Champagner Tasting

Flughafen

3. März 2025

Workshop

Brot Backen Workshop

Kreis 10

5. März 2025

Drink

Sake Einführung

Kreis 1

7. März 2025

Genuss-Event

Genuss Festival Zürich

Kreis 5

10. März 2025

Workshop

Fermentation Workshop

Kreis 6

12. März 2025

AusstellungGratis

Kaffeebohnen Ausstellung

Kreis 12

14. März 2025

Food Tour

Zürcher Genuss Tour

Kreis 1

16. März 2025

Event Detail Page

So gseht eusi Event Detail Siite us. Mit Hero, Sticky-Sidebar und allne wichtige Infos.

Food Tour

Zürich Food Tour: Altstadt Genuss

🗓️15. Januar 2025, 18:30 Uhr

📍Zürich Kreis 1

⏱️ca. 3 Stunden

Erlebe eine kulinarische Reise durch die historische Altstadt von Zürich. Entdecke versteckte Gassen und probiere lokale Spezialitäten in ausgewählten Manufakturen und Restaurants.

Über den Event

Tauche ein in die Welt der Zürcher Genüsse! Unsere Food Tour führt dich abseits der touristischen Pfade zu den kulinarischen Herzen der Stadt. Wir starten mit einem traditionellen Züri-Geschnetzeltes in einem historischen Zunfthaus, bevor wir uns auf den Weg zu einer kleinen Kaffeerösterei machen, die seit Generationen im Familienbesitz ist.

Anschliessend besuchen wir eine Chocolaterie, wo du die berühmte Schweizer Schokolade direkt vom Meister probieren kannst. Der Rundgang endet mit einer Auswahl an lokalen Käse- und Wurstspezialitäten, begleitet von einem Glas regionalem Wein.

Was ist inbegriffen?

🍽️Verkostung an 5 verschiedenen Orten

🧑‍🍳Professioneller lokaler Guide

🍷Ein Glas Wein oder Bier

🍫Ein süsses Souvenir zum Mitnehmen

Veranstalter

Genussregion Zürich

www.genussregion.zuerich

abCHF 89pro Person

Termin:
15. Jan 2026

Tickets & Termine

404 Siite

Wenn öpper sich verirrt het. Dezent, mit em richtige Züridütsch.

Preview

🔍 404-Siite live aaluegeOder eifach en Link iigeh wo's nöd git

Features

🎭

40+ Emojis

Alli Gastro-Emojis us üsem Pool schwäbed im Hindergrund

🫕

4🫕4 Design

D'Null isch es Fondue — typisch schwiizerisch

🗣️

Züridütsch

"Ned gfunde!" — Authentisch und sympathisch

🧭

Quick Links

Schnäll zrugg zu Events, Kurse, Restaurants

Emoji-Pool Übersicht

Die 404-Siite bruucht alli Emoji-Pools wo mir händ:

ZVV Fahrplan

Integration vom ZVV Fahrplan-Widget für Anreise-Infos.

Anreise

Gegen hungrige Parkuhren: Fahren Sie mit uns. Der ZVV bringt Sie pünktlich hin und sicher zurück.

Footer

De Footer findsch direkt unedra — mit Newsletter-Signup, Navigation, und Copyright. Er wird automatisch uf jedere Siite azeigt.

Styleguide v1.0 — Made with attention to detail by the Genussregion Zürich & Unchained Commerce Team

Styleguide

Primärfarbe — D'Hauptdarsteller

Zürich Blue

Zürich Blue Light

Sky Blue

Neutrals — Beige/Sand Töne

Schiefer

Schiefer Light

Schiefer Medium

Tegschtfarbe

Black

Dark

Grey

Akzäntfarbe — D'Gwürz

Schriftfamilien

Willkomme i de Gnussregion

Kulinarischi Vielfalt entdecke

Lokali Produänte & Events

Heading Hierarchie

H1 — De grossi Uftritt (42px)

H2 — D'Kapitelüberschrift (36px)

H3 — De Abschnitt (24px)

H4 — S'Unterkapitel (22px)

H5 — De Hinwiis (20px)

H6 — S'Chliigdruckti (16px)

Blockquote — Zitat mit Stil

Variante

Grössene

Zuständ

Links

Interactions — S'Salz i de Suppe

Press Effect

Toggle Pill

Focus Ring

Input-Felder

Validation States

Checkboxen & Radios

Cards — D'Visitecharte vo jedem Inhalt

Lift

Glow

Scale

Standard

Feature Cards

40+ Emojis

4🫕4 Design

Züridütsch

Quick Links

Tags — Chliini Hälfer für grossi Übersicht

Filter Pills

Tag Cloud

Zuständ

Schatte — Tüüfi ohni Drama

Border Radius — Ecke und Kante

Ticket Component — Din Iitritt is Gnussparadies

Chäs-Degustation

Sold Out Badge — Leider scho weg

Media Uploader — Bilder säged meh als 1000 Wort

Icons — Visuelle Hälfer

Alerts — Mäldige mit Charakter

Modals & Overlays — Fokussiert und elegant

Euses Modal

Bestätigung

Container Breakpoints

Spacing Scale — Vo flüstere bis brüele

Padding Demo

Einzelni Emojis

Grössene

Gschwindigkeite

Alli Emoji-Pools

🍽️ Restaurant

🍷 Events

👨‍🍳 Kurse - Köche

🤵 Kurse - Kellner

💁 Kurse - Service

🧑‍🌾 Kurse - Bauern

🧀 Produkte

Wenn Emojis bruuche?

✓JA — Emojis bruuche bi

✗NEI — Kei Emojis bi

Wie Emojis iisetze?

Partner Grid — `displayMode: default`

Partner Marquee — `displayMode: marquee`