# Grand Position GmbH, Brand System

> Verbindlicher Styleguide der Grand Position GmbH (B2B-Strategie- und Digitalagentur, DACH). Dark-first Farbsystem mit fünf Familien, zwei Google Fonts (Inter für alles, Newsreader für Statements), Wortmarken-Logo in fünf Varianten, WCAG-geprüfte Kontrastregeln, Tonalität in Sie-Form. Claim: #substanceoversurface.

Wer Inhalte, Layouts, Code oder Bilder für Grand Position erzeugt, hält sich an brand-rules.md. Die Tokens in tokens.css und tokens.json sind die einzigen gültigen Werte.

## Regeln

- [Markenregeln (Markdown)](https://grandposition.grandposition.digital/brand-rules.md): Positionierung, Leistungsarchitektur, Farben, Kontrast, Typografie, Logo, Skalierung, Bildsprache, Tonalität, Schreibstandard, Argumentations- und Präsentationsstile, Präsentation von Designarbeiten, Anweisungen für KI-Systeme.
- [Design-Tokens CSS](https://grandposition.grandposition.digital/tokens.css): Custom Properties für Dark und Light.
- [Design-Tokens JSON](https://grandposition.grandposition.digital/tokens.json): dieselben Werte strukturiert, inklusive Logo- und Kontrastregeln.

## Styleguide

- [Visueller Styleguide](https://grandposition.grandposition.digital/): Logo, Schutzzone, Do & Don't, Farben, Kontrastmatrix, Typografie, Komponenten, Bildsprache, Tonalität, Downloads.

## Assets

- [Wortmarke Original SVG](https://grandposition.grandposition.digital/assets/svg/grand-position_wortmarke_original.svg): auf Weiß.
- [Wortmarke Dunkel SVG](https://grandposition.grandposition.digital/assets/svg/grand-position_wortmarke_dunkel.svg): auf Nacht #0B1E2D, Standard Website.
- [Wortmarke Eis SVG](https://grandposition.grandposition.digital/assets/svg/grand-position_wortmarke_eis.svg): auf Eis #D0F5FF.
- [Wortmarke Weiß SVG](https://grandposition.grandposition.digital/assets/svg/grand-position_wortmarke_weiss.svg): auf Farbflächen.
- [Wortmarke Schwarz SVG](https://grandposition.grandposition.digital/assets/svg/grand-position_wortmarke_schwarz.svg): Einfarbdruck.
- [Signet g auf Nacht SVG](https://grandposition.grandposition.digital/assets/svg/grand-position_signet-g_nacht.svg): Favicon, App-Icon, Avatar.

## Kurzfassung

- Hintergrund Standard: Nacht #0B1E2D. Text Weiß, gedämpft Schiefer #8DA5BB.
- Links auf Dunkel: Signal #1AABDF. Links auf Hell: Tiefe #0075B0. Primärbutton: Weiß auf Nacht, Hover Teal #00C4B4.
- Akzente: Magenta #FF3DA8 (Marke, sparsam), Teal #00C4B4 (Leistung), Lime #AAFF2E (Zahlen). Nie auf Weiß als Text, nie zwei auf einer Fläche.
- Schrift: Inter für alles, Headlines in Gewicht 500 (nie fett, nie condensed, Laufweite normal), Fließtext 18–22 px. Newsreader nur für Statements und Zitate. Labels 11 px Versalien in Klammern.
- Layout: flache Flächen, 12-Spalten-Raster mit Labels links und Inhalt ab Spalte 5, asymmetrische Bilder, viel Leerfläche. Keine Karten, Rahmen, Icons, Tags, Eyebrows, Schatten, Verläufe. Radius 2 px nur an Buttons.
- Skalierung: html font-size = max(16px, 100vw/90); alle Maße in rem; oberhalb 1440 px zoomt die Seite proportional (8K = 1440 × 5,3). Test bei 390 / 1440 / 2560 / 3840 / 7680 px.
- Ton: Sie-Form, Problem vor Lösung, ausschließlich positiv und nach vorne gerichtet (keine Abgrenzung durch Verneinung, keine Listen dessen, was wir ablehnen), kurze aktive Sätze, keine Verbotswörter (Full Service, ganzheitlich, auf Augenhöhe, innovativ, maßgeschneidert, wir begleiten Sie …).
- Schreibstandard (brand-rules.md Abschnitt 9, Pflicht): Texte müssen als von Menschen geschrieben lesbar sein. Kein Gedankenstrich als Satzzeichen (Halbgeviertstrich nur in Zahlenspannen wie 9–17 Uhr), kein „nicht X, sondern Y“, kein „X statt Y“, keine Headlines aus Satzfragmenten mit Punkt, keine Dreierreihen, keine rhetorischen Fragen, kein Fazit, keine Emojis, deutsche Anführungszeichen „so“, Satzlängen schwanken, Faktenblatt mit Zahlen, Namen, Zitat und Meinung vor dem ersten Satz.
- Präsentationen (brand-rules.md Abschnitt 10): Vor jeder Präsentation vier Fragen klären (wer entscheidet, was soll passieren, wie wird konsumiert, wie viel Zeit) und den Stil festlegen: Minto mit SCQA und Action Titles für Strategie und Entscheidungen, Insight-led für Akquise, Assertion-Evidence für technische Themen, What/So what/Now what für Reviews, Sparkline für Kick-offs, narratives Memo für Strategiepapiere, StoryBrand für Web. Erst Titelkette, dann Folien.
- Designpräsentationen (brand-rules.md Abschnitt 11): eine Empfehlung, Herleitung vor Entwurf, Logo zuerst allein mit zehn Sekunden Ruhe, dann in mindestens sechs Anwendungen, Prinzipien als Feedback-Kriterien, Übergabe als gehostetes Brand-System.
- Leistungen: Fundament Positionierung · 01 Organische Sichtbarkeit · 02 Content · 03 Web & Plattformen · 04 Vertrieb & Automatisierung.