Brand Identity · CI v1.1 · 2026
Wasser
glace.

Gewässer am Stil — vom Rhein auf die Zunge.
Blau-Grün, Signalrot, Natur, Wellen. PolySans.

PlattformInstagram · wasserglace.ch
SchriftPolySans (Bulky · Median · Neutral · Slim)
Farben4 Blautöne · 4 Grüntöne · Signalrot #FF0700 · Kontrast
Key-ElementeWellen · Kreis-Badge · Figur

Die Marke

Frisch.
Direkt.
Unverkennbar.

Wasserglace macht lokale Gewässer schläckbar — als Glace am Stil. Die erste Sorte ist das Zürcher Rhein Glace. Die Marke lebt im Grün-Blau-Spektrum mit Signalrot als Akzent, arbeitet mit Verläufen und dem charakteristischen Wellenmuster der Verpackung. Der Ton ist direkt, nahbar und im Dialekt.

Haltung & Stimme
✦  Direkt & im Dialekt ✦  Spielerische Sensibilisierung ✦  Nah an der Natur & am Gewässer

Nahbar und im Schweizerdeutsch — «Heb Sorg zum Wasser». Gewässerschutz mit Freude statt Zeigefinger.

Erkennungsmerkmale
●  Farbpalette Blau/Grün + Signalrot ●  Signature-Verlauf ●  Wellenmuster als Key-Element ●  Kreis-Badge / Textpfad-Kreis ●  Schlecker-Figur von der Verpackung

Klar erkennbar als Wasserglace — auf Instagram, auf wasserglace.ch und auf der Verpackung.

Claims & Taglines
Häsch scho mal am Rhein gschläckt? Hero-Claim
Es isch es Gwässer am Stil.
Heb Sorg zum Wasser — s’Gwässer dankt!
Gewässer von Mund zu Mund verbreiten.

Farbsystem

Die Palette.

Ausschliesslich diese 15 Farben — sechs Grün- und Naturtöne, zwei Teals, zwei Blautöne, Signalrot als Akzent und neutraleKontrast­töne.

↳ Auf Farbfeld klicken um HEX zu kopieren.

Grün
Grün ★ #2e7334 Hauptgrün — Flächen & Akzente
Dunkelgrün #08401b Header, dunkle Sektionen, Verlauf
Tiefgrün #05260b Tiefster Anker — Backgrounds, Text
Naturtöne
Hellgrün #c9d9aa Helle Akzentflächen
Salbei #9aa68a Gedämpfter Naturton
Sand #d8d9bf Warmes Neutral, helle Flächen
Signalrot & Figur-Farben

Ein einziges Rot im ganzen System: Signalrot #FF0700 — für Akzente, CTAs, Kreis-Badge und die Figur. Die Schlecker-Figur nutzt ausschliesslich Weiss (Körper) und Signalrot (Kontur, Haare). Nie im Gradient-System — immer als Vollton.

Signalrot ★ #FF0700 Das eine Rot — CTA, Akzent, Badge, Figur
Dunkelrot #a51700 Hover-Zustand, Tiefe
Weiss #FFFFFF Figur-Körper, Flächen
Schlecker-Figur

Figur auf Signature-Verlauf

#FFFFFF — Fläche
#FF0700 — Kontur
Teal
Hellteal #bcdcdb Highlights, helle Flächen, Eyebrows auf Dunkel
Teal #066561 Akzent, Links, Eyebrows auf Hell
Blau
Hellblau #d0dff7 Helle Akzentflächen
Blau #4b63b4 Akzent, Signature-Verlauf
Neutral
Hellgrau #f2f2f2 Heller Hintergrund
Schwarz #000000 Maximaler Kontrast, Text

Verläufe

Die Verläufe.

Verläufe sind ein Kern-Element der Marke — weiche Übergänge zwischen den Palettenfarben. Der Signature-Verlauf Grün → Blau → Grün trägt Hero, Story und Key-Momente. Alle Verläufe nutzen ausschliesslich die 15 Palettenfarben.

Signature-Verlauf ★
Tiefgrün → Blau → Hellteal
Hero · Story · Key-Momente · vertikal (180°)
linear-gradient(180deg, #05260b 0%, #08401b 30%, #4b63b4 65%, #bcdcdb 100%)
Weitere Verläufe
Grün → Tiefgrün
linear-gradient(180deg, #2e7334, #05260b)
Hellgrün → Dunkelgrün
linear-gradient(180deg, #c9d9aa, #08401b)
Hellblau → Blau
linear-gradient(180deg, #d0dff7, #4b63b4)
Hellgrau → Hellblau
linear-gradient(180deg, #f2f2f2, #d0dff7)
Hellteal → Teal
linear-gradient(180deg, #bcdcdb, #066561)
Hellteal → Grün
linear-gradient(180deg, #bcdcdb, #2e7334)
Blau → Tiefgrün
linear-gradient(180deg, #4b63b4, #05260b)
Blau → Teal
linear-gradient(180deg, #4b63b4, #066561)
Sand → Hellgrau
linear-gradient(180deg, #d8d9bf, #f2f2f2)
Hellteal → Blau
linear-gradient(180deg, #bcdcdb, #4b63b4)
CI Fundament

Natur → Abstraktion.

Bild_Grundlage.jpg und Wellen_03.svg sind dieselbe Form — einmal die echte Wasseroberfläche, einmal als Illustration abstrahiert. Diese Verbindung ist die grafische Sprache von Wasserglace. Daraus entstehen die drei zugelassenen Hintergründe: der 3D-Render, das Wellenmuster auf Weiss und der Verlauf von Blau zu Grün.

Wasseroberfläche
Naturfoto
Bild_Grundlage.jpg
SVG-Abstraktion · auf Weiss
Wellen_03.svg

Dieselbe organische Form — einmal Natur, einmal Grafik. Das ist das Fundament.

Ebene 1
Naturfoto
Stimmungsbild. Wasser, Pflanzen, Menschen. Emotional, echt, ungestellt.
Ebene 2
Illustration
Wellen_03.svg auf Weiss. Die Natur abstrahiert — dezent als helle Textur.
Ebene 3
Figur / Akzent
Schlecker-Figur in Weiss/Rot. Hebt Hinweise und wichtige Elemente ab.
Grundregel — Hintergründe

Nur diese drei Hintergründe.

Jede Fläche nutzt genau eine dieser drei Varianten — kein anderer Hintergrund. So bleibt der Auftritt unverkennbar konsistent.

Variante 01
3D-Render
Der vibrierende Motion-Blur-Render. Für Hero und immersive Key-Sektionen — Text in Weiss, mit dezenter Abdunklung für Lesbarkeit.
Variante 02
Wellen auf Weiss
Wellen_03.svg dezent auf Weiss. Für helle Inhalts-Sektionen — Text in Tiefsee/Fjord. Das echte SVG-File verwenden, nie nachzeichnen.
Tiefgrün → Blau → Hellteal
Variante 03
Signature-Verlauf
Der Signature-Verlauf: linear-gradient(180deg, #05260b, #08401b, #4b63b4, #bcdcdb). Für dunkle Brand-Momente — Hero, Story, CTA, Statements. Text in Weiss.

Typografie

PolySans.

PolySans ist die Schrift von Wasserglace. Vier Schnitte decken alle Anwendungen ab, von grossem Display bis zu kleinen Metainfos.

Bulky 700
Display / Hero · clamp(48px, 8vw, 112px) · line-height .9 · tracking –.03em
Wasser
glace.
Bulky 700
H1 / Section · clamp(36px, 5vw, 72px) · line-height 1.0 · tracking –.025em
Häsch scho mal am Rhein gschläckt?
Median 500
H2 / Subheading · clamp(22px, 3vw, 40px) · line-height 1.1 · tracking –.015em
Es isch es Gwässer am Stil.
Neutral 400
Body · clamp(15px, 1.5vw, 18px) · line-height 1.7 · tracking 0
Das Zürcher Rhein Glace wird mit Wasser aus dem Rhein-Grundwasserstrom hergestellt — mit sechs natürlichen Zutaten vom Fluss und seinem Ufer, ohne künstliche Aromen. Erhältlich ab 15. Juli 2026 in Flaach am Rhein.
Slim 300
Caption / Slim · 14px · line-height 1.6 · tracking +.03em
Hergestellt in der Schweiz · Natürliche Zutaten · Flaach am Rhein
Neutral 400
Label / Eyebrow · 11px · ALL CAPS · tracking +.2em
Wasserglace — Gewässer am Stil · 2026

Grafische Elemente

Die DNA.

Drei grafische Elemente bilden die visuelle DNA von Wasserglace. Jedes hat eine klar definierte Rolle — und darf nicht beliebig untereinander ausgetauscht werden.

Element 01
Wellenmuster
Wellen_03.svg — dezent auf Weiss (Hintergrund-Variante 02). Als helle Textur für Inhalts-Sektionen, Text in Tiefsee/Fjord. Das echte SVG-File verwenden — nie Handskizzen oder vereinfachte Striche.
WASSER GEZAPFT AUS DEM RHEIN ·
Element 02
Kreis-Badge
Roter Textpfad-Ring in Signalrot #FF0700 — mit oder ohne Schlecker-Figur in der Mitte, Hintergrund scheint durch. Wird auf dem Signature-Verlauf oder über dem 3D-Render eingesetzt. Text z. B. «Wasser gezapft aus dem Rhein» oder «Rezeptur vom Meisterkoch». Text füllt den Ring gleichmässig (textLength), mit kleiner Lücke nach dem Punkt. Nie verzerren.
Figur von Verpackung
Element 03
Figur / Charakter
Die Figur von der Verpackung ist das wiederkehrende Charakter-Element — als Icon, Illustration oder Grafik. In Weiss + Signalrot, auf Verlauf oder farbiger Fläche. Nie einfarbig einfärben.

Wellen_03.svg · auf Weiss · dezente Textur

Signature-Verlauf · Tiefgrün → Blau → Hellteal · vertikal (180°)


Zutaten-Ikonen

Aus der Natur.

Sechs Ikonen für die natürlichen Zutaten der Wasserglace — allesamt aus Schweizer Gewässern und Natur. Der Linienstil korrespondiert mit dem Wellenmuster der Verpackung.

Algen
Algen Spirulina
Mädesüss
Mädesüss Filipendula
Sanddorn
Sanddorn Hippophaë
Wasser
Wasser Quellwasser
Wiedenrinde
Wiedenrinde Salix
Zitronenthymian
Zitronenthymian Thymus citriodorus
Auf dunklem Fond

Weisse Flächen sichtbar, blauer Umriss (#4b63b4) hebt sich von Gradient ab — ideal auf allen Gradient-Hintergründen.

Auf hellem Fond (Nebel/Eis)

Nur der blaue Umriss sichtbar — Ikonen erscheinen als klares Line-Art. Für Partnerseite und helle Sektionen.


Wordmark & Logo

Wie es aussieht.

«wasserglace» in PolySans Bulky ist das primäre Logo — immer lowercase. Vier zugelassene Varianten je nach Untergrund. Das WG-Monogramm dient als App-Icon, IG-Profilbild und Favicon.

wasserglace
Auf Tiefsee / Dunkel
wasserglace
Auf Signature-Verlauf
wasserglace
Auf Wellen / Heller Fond
wasserglace
Auf 3D-Render
Nicht verwenden
Wordmark in Gradienten einfärben
WASSERGLACE in Grossbuchstaben als Wordmark
Andere Schrift als PolySans
Wordmark auf gleichfarbigem Hintergrund
Monogramm WG — App-Icon · IG-Profil · Favicon
WG
WG
WG
WG
WG

Primär: Kreis auf dem Signature-Verlauf für Instagram. Sekundär: Kreis über dem 3D-Render für immersive Anwendungen.

Verpackungs-Wortmarke · Original-Datei

Die Original-Wortmarke von der Verpackung — Wellenmuster + «Wasser» / «Glace» in PolySans Slim.

Wasserglace Wordmark

260603_WasserGlace_Verpackung_Druckdaten_WasserGlace_Icon_01_vektor.svg

Verpackungs-Label · Pille komplett

Das vollständige Label der Verpackung — gerundete Pille mit Wellen, Wortmarke und Kreis-Emblem.

Wasserglace Label

260603_WasserGlace_Verpackung_Druckdaten_WasserGlace_Icon_01+02.svg


Instagram · @wasserglace

Social Templates.

Drei Feed-Template-Typen für den Aufbau des Instagram-Grids. Alle verwenden PolySans, das Gradient-System und optional Wellenmuster oder Kreis-Badge. Jedes Template führt den Wortmarken-Header «wasserglace» und die Domain wasserglace.ch.

WASSERGLACE · AM RHEIN ·
Gewässer am Stil
Häsch scho mal
am Rhein gschläckt?
wasserglace.ch
WASSERGLACE · AM RHEIN ·
Werde Gewässerpartner
Dini Sorte
als Nächsts?
wasserglace.ch/partner
WASSERGLACE · GEWÄSSER AM STIL ·
Partner werden
Wir suchen
Verkaufspunkte.
kontakt@wasserglace.ch
Story · 9:16 Format
wasserglace WG
Gewässer am Stil
Es isch es
Gwässer
am Stil.
wasserglace.ch

Story-Regeln

  • «wasserglace» oben links, 12px, Bulky
  • WG-Kreis oben rechts als Icon
  • Eyebrow: Claim oder «Gewässer am Stil»
  • Headline: PolySans Bulky, möglichst gross
  • CTA immer wasserglace.ch
  • Wellenmuster Overlay max. 15% Opacity
  • Signalrot #FF0700 nur als Akzent, nie als Fläche

Web · wasserglace.ch

Die Website.

Stilreferenz: eathungrytiger.com — für Struktur und Stilelemente, nicht für Farben. Grosse Typografie, immersive Sektionen, minimales UI, hochwertiges Produktfoto zentriert.

01
Immersiv, nicht dekorativ
Vollbreite Gradient-Sektionen erzeugen ein Gefühl von Tiefe und Wasser. Kein UI-Schnickschnack. Produkt steht im Zentrum, Text unterstützt.
02
Grosse Typografie first
Headlines dominieren das obere Drittel jeder Sektion. PolySans Bulky so gross wie möglich. Viel Luft, wenig Text — Qualität statt Quantität.
03
Wellenmuster als Abschnitt
Das Wellenmuster auf Weiss (Variante 02) dient als helle Hintergrundtextur für Inhalts-Sektionen. Dezent — nie zu dominant, Text bleibt klar lesbar.
04
Dunkle Basis, helle Akzente
Seiten-Hintergrund: Nacht #05260b. Gradient-Sektionen für Hero und Key-Momente. Eis #bcdcdb als Akzentzone für Partnerseite und helle Bereiche.
05
Partnerseite /partner
Helles Layout mit sanftem Verlauf (Weiss → Eis), ohne Muster. Gewässerpartner & Partner werden subtil vorgestellt, CTA in Signalrot. Klar und vertrauenswürdig.
06
Kreis-Badge als Stamp
Der Textpfad-Kreis erscheint als schwebender Stempel über Produktfotos oder in Sektionsecken. Signalisiert Herkunft und Qualität.
wasserglace
Produkt Über uns Partner werden →
Gewässer am Stil
Wasser
glace.

Häsch scho mal am Rhein gschläckt? Es isch es Gwässer am Stil.

Mehr erfahren Partner werden
WG WASSERGLACE · AUS DEM RHEIN ·
Website Hero Preview wasserglace.ch

Bildwelt & Fotografie

Die Bilder.

Drei visuelle Ebenen — stimmunggebende Wasserbilder, authentische Naturfotos mit den Menschen hinter der Marke, und Produktfotos der echten Wasserglace-Prototypen.

Moodboard-Basis
Wasserglace 3D-Render
Wasserglace 3D-Render

Stimmunggebende Referenzbilder — abstraktes Wasser, keine Produktfotos

Naturfotos — Menschen & Zutaten

Authentische Fotos vom Mädesüss-Ernten am Rhein — zeigen die Menschen hinter der Marke. Warmes Tageslicht, natürliche Umgebung, echte Handarbeit. Kein Styling, kein Studio.

Person zwischen Mädesüss — blauer Himmel
Hände mit Mädesüss-Blüte
Mädesüss-Blüten Nahaufnahme
Froschperspektive durch Mädesüss

Fotografiestil: nah, persönlich, ohne Inszenierung — die echte Geschichte hinter der Glace

Produktfotos · Glace_600x900 · 1–7

Professionelle Produktfotos der Wasserglace-Prototypen — grün-blaue Gradient-Glaces mit Kräutern, botanische Varianten, Stiel-Detail und Textur-Nahaufnahmen.

Wasserglace 1
Wasserglace 2
Wasserglace 3
Wasserglace 4
Wasserglace 5
Wasserglace 6
Wasserglace 7
Textur · Eis-Oberfläche
Eis-Textur

Textur.png — Makro der Eis-Oberfläche, dunkelgrüne Kristallstruktur. Als Hintergrundtextur oder Overlay verwendbar.


Assets & Dateien

Was wo liegt.

CI-Dateien
  • brand-guide.html — diese Datei
  • colors/colors.json — Farbtoken
  • colors/colors.css — CSS-Variablen
  • colors/colors.scss — SCSS-Variablen
Illustrator-Dateien
  • 01_Alle_Unterlagen/Wellen_03.ai
  • 01_Alle_Unterlagen/Wellen_03_Textur.ai
  • 01_Alle_Unterlagen/Glace_Text_Pfad_Kreis.ai
  • 01_Alle_Unterlagen/Figur_Schlecker_Mini_01.ai
  • 01_Alle_Unterlagen/Figur_04.4.svg ✓
Schrift (lokal)
  • 01_Alle_Unterlagen/PolySans-Bulky.ttf
  • 01_Alle_Unterlagen/PolySans-Median.ttf
  • 01_Alle_Unterlagen/PolySans-Slim.ttf
Verpackung SVG ✓
  • Icon_01_vektor.svg — Wortmarke
  • Icon_01+02.svg — Label Pille
  • Icon_02_vektor.svg — Variante
  • SBE_QR_Code_Wasserglace.ch.svg
Fotos & Texturen ✓
  • Glace_600x900_1–7.jpg (7 Fotos)
  • Textur.png — Eis-Oberfläche
  • Bild_Grundlage.jpg — Moodboard
  • Posters_on_Fence_Mockup_Glace.jpg
Zutaten-Ikonen ✓
  • Icon_Algen.svg
  • Icon_Määdesüss.svg
  • Icon_Sanddorn.svg
  • Icon_Wasser.svg
  • Icon_Wiedenrinde.svg
  • Icon_Zitronenthymian.svg
HEX kopiert!