Wer wir sind
Gastroseiten.at ist die führende Webplattform für österreichische Gastronomiebetriebe. Wir verbinden den Charme österreichischer Gastronomiekultur mit modernen digitalen Lösungen — damit Wirte sich auf ihre Gäste konzentrieren können, nicht auf Technik.
Unser Brand spiegelt diese Dualität: traditionelle Wärme und zeitgemäße Professionalität. Wir sind nicht die günstigste Option — wir sind die richtige Option für Betriebe, die langfristig erfolgreich sein wollen.
Markenidentität
Mission
Jedem österreichischen Gastronomiebetrieb — ob kleines Café oder großes Hotel — eine professionelle Online-Präsenz zu ermöglichen, die täglich neue Gäste bringt.
Vision
Die Plattform sein, bei der jeder österreichische Gastronom spontan denkt: „Das ist für mich gemacht." Marktführer in DACH für Gastronomie-Webpräsenz bis 2027.
Werte
Verlässlichkeit, Einfachheit, österreichische Qualität, persönlicher Service, Transparenz.
Markenpersönlichkeit
Logo-System
Symbol (Standalone)
Logo Schutzzone
Rundherum die Höhe des „G"-Symbols als Mindestabstand zu anderen Elementen einhalten. Das Logo nie verzerren, rotieren oder in nicht genehmigten Farben darstellen.
Farbpalette
Die Palette ist von der österreichischen Alpenlandschaft und klassischer Gastronomie inspiriert. Tiefes Waldgrün als Primärfarbe vermittelt Vertrauen und Qualität; Warmgold als Akzent steht für Gastlichkeit und Wärme.
Primärfarben
Forest 800
Primär · Hauptfarbe
Forest 700
Hover-Zustände
Forest 500
Check-Icons · Links
Forest 900
Footer · Tiefste Tiefe
Akzentfarben
Gold 500
Akzent · CTA-Buttons
Gold 600
Hover · Aktiv
Gold Tint
Hintergründe · Badges
Neutrale Töne
Cream 50
Seiten-Hintergrund
Cream 100
Karten-Hintergrund
Stone Warm
Body-Text sekundär
Schriftfamilien
Display Font — Headings
Playfair Display
Elegant, editorial, timeless.
Regular 400
The quick brown fox
Medium 500
The quick brown fox
Bold 700
The quick brown fox
Italic
The quick brown fox
Body Font — UI Text
Plus Jakarta Sans
Modern, readable, versatile.
Light 300
Für feine Details
Regular 400
Body Text Standard
Medium 500
UI Labels
SemiBold 600
Subheadings
Typografische Skala
Tone of Voice
✓ Wir sind
- 🤝 Vertrauenswürdig — ehrlich, transparent, verlässlich
- 🎯 Konkret — Zahlen statt Versprechen
- 🌿 Bodenständig — kein Tech-Jargon
- ✨ Warm — wie ein guter Wirt spricht
- 💪 Selbstsicher — wir kennen unser Handwerk
✗ Wir sind nicht
- 🚫 Überheblich oder arrogant
- 🚫 Tech-getrieben (kein Startup-Speak)
- 🚫 Übertrieben förmlich oder steif
- 🚫 Reißerisch ("JETZT KAUFEN!")
- 🚫 Vage und unverbindlich
Sprach-Beispiele
"Ø 47 % mehr Reservierungen — nicht weil wir das versprechen, sondern weil unsere Kunden es messen."
"Revolutionäre AI-gestützte SaaS-Lösung für disruptive Gastro-Digitalstrategie!"
"Fertig in 24 Stunden. Kein Techniker nötig. Jederzeit kündbar."
"Mit unserem System werden Sie langfristig mögliche Synergien in Ihrer digitalen Transformation nutzen können."
Icon-System
Wir verwenden ausschließlich Phosphor Icons — Light-Variante für UI-Icons (24px Basis). Für Status-/Indikator-Icons (z.B. Checkmarks) die Fill-Variante.
Gastro-spezifische Icons
Verbotene Icon-Stile
Keine dicken Striche (Heroicons Solid/Outline 2px+), keine Material Icons, keine FontAwesome Classic. Immer nur Phosphor Light (1,5px Strichstärke).
Spacing-Prinzipien
Das Layout atmet. Großzügige Abstände sind kein Verschwendung — sie kommunizieren Qualität und Premium-Positionierung. Als Faustregel: Verdoppeln Sie Ihren ersten Instinkt für Padding.
8px
Kompakt
16px
Interne Padding
24–32px
Karten-Padding
96–160px
Sektions-Padding
Border Radius
6px
Kleine UI-Elemente
12px
Inputs, Tags
20px
Karten
28px
Bezel-Cards
9999px
Buttons, Pills
UI-Komponenten
Buttons
Eyebrow Badges
Doppelrand-Karte (Bezel Card)
Alle Premium-Karten verwenden das Nested-Bezel-Muster: ein äußerer Rahmen (Shell) mit einer inneren Inhaltsschicht — wie eine Glasplatte in einem Metallgehäuse.
Innerer Inhaltsbereich
shadow-inner-highlight + eigener Radius
Verbote & Regeln
✓ DO
Playfair Display für alle Überschriften verwenden
Großzügige Sektions-Abstände (py-24 minimum)
Konkrete Zahlen in der Kommunikation nennen
Animations-Easing mit cubic-bezier (spring)
Gold-CTA für primäre Conversion-Aktionen
Phosphor Icons — Light-Variante
✗ DON'T
Inter, Roboto oder Arial als Schrift verwenden
Harte Schatten (box-shadow mit hoher Opazität)
Vollbreite Sticky-Navigation oben kleben
Standard linear/ease-in-out Transitions
Vage Versprechen ohne Belege
Logo verzerren, rotieren oder umfärben
Gastroseiten.at Brand Book — Version 1.0 · 2024
Bei Fragen: hallo@gastroseiten.at
Zurück zur Website