Brauerei St. Johann

Markenrichtlinien

So tritt die Brauerei St. Johann auf – für alle, die Drucksachen, Etiketten, Social-Media-Beiträge oder Webseiten für uns gestalten.

Logo

Die Toggenburger Dogge mit dem Schriftzug «St. Johann» ist unser wichtigstes Erkennungszeichen. Wir verwenden das Logo immer als Ganzes und in den Originalfarben.

Auf Weiss (Standard)

Auf Crème

Auf Bordeaux, einfarbig Crème

Auf Tinte, einfarbig Crème

Logo-Box

Auf der Website steht das Logo oben links in einer weissen Box. Sie beginnt ganz oben am Rand und liegt dabei über der roten Linie (Servicenavigation bzw. roter Balken beim Scrollen). Unten ragt sie über die Kopfzeile in den Inhalt hinaus. Die Unterkante ist schräg abgeschnitten: Sie fällt von rechts nach links ab, rechts ist die Box 14 px kürzer als links.

Keine Rundungen, ein weicher Schatten nach unten. Beim Scrollen wird die Box etwas kleiner, bleibt aber am oberen Rand. Auf Bildern und unruhigen Hintergründen steht das Logo immer in dieser Box.

BierBarBraui

Schutzzone und Grösse

Rund um das Logo mindestens ¼ der Logobreite freihalten.
Mindestbreite: 25 mm im Druck, 100 px am Bildschirm.
Auf hellem Grund farbig, auf Bordeaux oder Tinte einfarbig in Crème.
Nicht verzerren, drehen, umfärben oder mit Effekten (Schatten, Verlauf, Kontur) versehen.
Dogge und Schriftzug nicht trennen oder neu anordnen (Ausnahme: Siegel und Signet, siehe unten).
Nicht ohne Logo-Box direkt auf Fotos platzieren.
Logo-Box nicht runden, nicht oben abschrägen und die Schräge nicht spiegeln.

Tipp: Auf der Website öffnet ein Rechtsklick auf das Logo dieselben Downloads.

Siegel und Signet

Wo das ganze Logo zu klein oder zu breit wäre, steht die Dogge allein: als Signet oder im roten Wachssiegel.

Siegel der Brauerei St. Johann — SiegelFavicon und App-Icon der Website, Profilbild auf Social Media, Siegel auf den Etiketten.

SignetDie Dogge allein, z. B. als Stempel, Prägung oder Schmuckelement auf ruhigem, hellem Grund.

Favicon und App-Icon: immer das Siegel – es bleibt auch bei 32 px als rotes Siegel erkennbar.
Auf iOS (Apple-Touch-Icon) auf Papier-Grund, weil iOS transparente Flächen schwarz füllt.
Siegel nicht nachzeichnen oder flach einfärben – nur die Originaldatei verwenden.
Signet nicht anstelle des Logos verwenden, wo genug Platz für das ganze Logo ist.

Siegel (PNG, 1024 px) Signet (SVG)

Farben

Bordeaux, Crème und Tinte prägen den Auftritt. Bordeaux setzt Akzente, Crème und Papier geben Ruhe. Gelb oder Gold verwenden wir nicht.

Bordeaux
Primärfarbe: Logo, Buttons, Links, Menü-Panel, Akzente
HEX
RGB
Bordeaux dunkel
Hover- und aktive Zustände
HEX
RGB
Crème
Flächen, Seitenköpfe, Text auf dunklem Grund
HEX
RGB
Papier
Seitenhintergrund
HEX
RGB
Tinte
Text, dunkle Sektionen, Fusszeile
HEX
RGB
Weiss
Karten, Logo-Box, Formularfelder
HEX
RGB

Gewichtung

Viel ruhige Fläche (Papier, Crème), Tinte für Text und dunkle Sektionen, Bordeaux gezielt für das, was auffallen soll. Bordeaux nie flächig hinter langem Text.

Rot im Logo und in alten Dateien

Im Logo und im Siegel ist das Rot minim wärmer: statt #98002E. Der Unterschied ist von Auge kaum sichtbar, die Logo-Dateien bleiben deshalb unverändert. Für Flächen, Schrift und Buttons gilt Bordeaux #98002E.

Ältere JPG-Exporte aus Druckdaten (CMYK) zeigen ein helleres, rosigeres Rot (um #9F2639). Für Bildschirm und Social Media deshalb immer die RGB-Dateien (PNG, SVG, WebP) verwenden.

Schrift

Zwei Schriften: Alice für Titel und Navigation, Open Sans für alles andere. Beide sind frei verfügbar (Google Fonts) und auf der Website selbst gehostet.

Titel · Alice Regular

Das Bier aus dem Toggenburg

Navigation · Alice, Grossbuchstaben, Sperrung 0.12 em

BierBarBrauiShop

Text · Open Sans

Mit Leidenschaft gebraut in den historischen Mauern der Brauerei St. Johann – geniesse unsere Biere in der Brauereibar, bei einer Führung oder bequem zu Hause.

Eyebrow · Open Sans Semibold, Grossbuchstaben, Sperrung 0.2 em

Neu St. Johann im Toggenburg

Auszeichnung · Open Sans Semibold

Bier bestellen

Gestaltungselemente

Klar und eher kantig: Elemente sind nur leicht gerundet (2–8 px), keine Pillen-Formen. Flächen statt Schatten, Linien statt Rahmen.

Buttons

Primär Sekundär

Auf dunkel Sekundär

Kennzeichnungen

Genussstelle VerkaufsstelleNeu

Badges bordeaux gefüllt oder bordeaux umrandet – nie gelb.

Menü-Panel

Bier
Bar
Braui

Vorschaubilder

Wird ein Link geteilt (WhatsApp, Facebook, LinkedIn …), erscheint ein Vorschaubild im Format 1200 × 630 px. Die Website erzeugt es automatisch im Stil unserer Plakate.

Vorschaubild Standard — StandardLogo und Text zentriert – für alle Seiten ohne eigenes Bild.

Vorschaubild Bier — BierText links (Name, Stil, Alkohol, Auszeichnung), Flasche rechts – für jede Bierseite.

Crème-Grund, unten die Churfirsten-Zeichnung (55 % deckend), eine dünne weisse Linie und der rote Balken – wie auf den Plakaten und im Website-Footer.
Titel in Alice und Bordeaux, Zusatzinfos in Tinte; Auszeichnungen als leicht gedrehtes rotes Label.
Anlässe und Seiten mit eigenem Titelbild zeigen dieses Bild.
Keine hohen Formate: Was nicht ins Querformat passt, wird beim Teilen abgeschnitten.

Sprache und Tonalität

Wir reden, wie man im Toggenburg redet: herzlich, direkt und unkompliziert.

Wir duzen – konsequent, auch in Formularen, E-Mails und Rechtstexten.
Schweizer Rechtschreibung: «ss» statt «ß», Guillemets «…».
Im Text beide Formen ausschreiben: «Kundinnen und Kunden», «Aktionärinnen und Aktionäre». Rollen und Funktionen in der Grundform: «Administrator», «Kunde».
Preise als «CHF 4.50», Zeiten als «19.00 Uhr».
Kurze Sätze, aktive Verben («Bestell online», «Komm vorbei»).
Keine Sie-Form, keine Werbefloskeln, keine Ausrufezeichen-Kaskaden.
Kein Gendern mit Sonderzeichen: kein «Kund:innen», «Kund*innen», «Kund/innen» oder Binnen-I.

Firmenname: Brauerei St. Johann AG
Kurzform: Brauerei St. Johann, im Menü kurz «Braui»
Ort: Neu St. Johann, Toggenburg
Claim: Das Bier aus dem Toggenburg