Brand Guide · Stand März 2026
Styleguide
Die wichtigsten Regeln für den Auftritt von nummix auf einen Blick. Für alle, die über nummix berichten, Material gestalten oder eine Spielrunde bewerben.
Farben
Blau, Rot, Gelb und Schwarz sind klar unterscheidbar, kontrastreich und möglichst barrierearm. Weitere Markenfarben gibt es nicht. Grüntöne werden bewusst nicht verwendet, damit sie nicht mit den Spielfarben verwechselt werden.
Farben werden sparsam eingesetzt und dienen der Orientierung. Für Texte gilt immer ausreichender Kontrast: mindestens 4.5:1 für Fließtext und 3:1 für große Überschriften.
Jede Farbe steht für ein Thema
| Farbe | Thema | Auf der Website |
|---|---|---|
| Blau | Identität | Das Spiel, Die Idee, Geschichte |
| Rot | Design | Regelwerk und Styleguide |
| Gelb | Kommunikation | Mitspielen, Kontakt, Ton und Sprache |
| Schwarz | Struktur | Text, Buttons, Hinweisboxen |
Warum kein Grün?
Rot und Grün sind die Farben, die Menschen mit Rot-Grün-Sehschwäche am häufigsten verwechseln, und das betrifft etwa jeden zwölften Mann. Bei nummix entscheidet die Farbe eines Steins über Zahlenfolgen und Gruppen. Deshalb sind die vier Spielfarben Schwarz, Blau, Gelb und Rot so gewählt, dass sie sich auch ohne Farbsehen über ihre Helligkeit unterscheiden, und Grün kommt in Spiel und Gestaltung nicht vor. Einzige Ausnahme ist reine Dekoration ohne Bedeutung, etwa das bunte Konfetti am Ende der Meilensteine.
Barrierefreiheit: Kontraste
Gemessen nach WCAG 2.2, Stufe AA. Text braucht mindestens 4,5:1, große Schrift (ab 24 px oder ab 19 px fett) und wichtige Grafiken mindestens 3:1. Blau und Gelb erreichen auf Weiß keinen ausreichenden Textkontrast. Deshalb gibt es für Text in Markenfarbe dunklere Textvarianten. Die Markenfarben selbst bleiben unverändert und werden für Flächen, Grafiken und Spielsteine verwendet.
| Kombination | Kontrast | Einsatz |
|---|---|---|
| Schwarz #292929 auf Weiß | 14,6:1 | Alle Texte |
| Grau #5B5B59 auf Weiß | 6,8:1 | Nebentexte, Bildunterschriften |
| Blau #36A9E1 auf Weiß | 2,7:1 | Nur Flächen und Grafiken, kein Text |
| Blau Text #1C75A6 auf Weiß | 5,1:1 | Links und Text in Blau |
| Rot #E94E1B auf Weiß | 3,8:1 | Grafiken und große, fette Schrift |
| Rot Text #C63F12 auf Weiß | 5,1:1 | Kleiner Text in Rot, zum Beispiel Downloads |
| Gelb #F9B233 auf Weiß | 1,8:1 | Nie für Text, nur Flächen und Grafiken |
| Gelb Text #A36800 auf Weiß | 4,6:1 | Nur falls Text in Gelb unvermeidbar ist, sonst Schwarz |
| Schwarz auf Gelb | 7,9:1 | Text auf gelben Flächen |
| Weiß auf Blau / Rot / Gelb | 2,7 / 3,8 / 1,8:1 | Nicht für Text, auf Farbflächen Schwarz verwenden |
| Weiß, Blau oder Gelb auf Navy #11222C | ≥ 6,1:1 | Dunkle Hinweisboxen |
- Informationen nie nur über Farbe vermitteln: Spielfarben immer auch über Zahl, Form oder Text erkennbar machen.
- Ziffern in Blau und Gelb auf den Spielsteinen bekommen auf dem Bildschirm eine feine Kontur in der Textvariante.
- Fokusrahmen in Blau Text, auf dunklen Flächen in Weiß. Formularfelder mit Rahmen von mindestens 3:1 (#767674).
Logo
Das nummix-Logo ist eine Wort-Bildmarke aus der Wortmarke „nummix“ und der Bildmarke. Die Bildmarke zeigt vier gleichwertige Segmente, die auf einen gemeinsamen Mittelpunkt ausgerichtet sind: unterschiedliche Menschen, die auf dasselbe Spielfeld schauen.
Das Primärlogo ist die bevorzugte Darstellung. Das Sekundärlogo ist gleichwertig und für Kopfzeilen und schmale Formate gedacht. Die Bildmarke allein eignet sich für Favicons, Profilbilder und kleine Markierungen.
- Mindestgröße digital120 px breit
- Mindestgröße Druck25 mm breit
- Schutzraum Wort-BildmarkeBreite des „x“
- Schutzraum Bildmarke50 % der Höhe
- DPMA-Registernummer30 2025 230 149
Bitte nicht
- die Wortmarke ohne Bildmarke verwenden (ausgenommen im Fließtext)
- Form, Proportion oder Schrift verändern
- das Logo verzerren, stauchen oder drehen
- den Schutzraum missachten
- das Logo auf unruhige oder kontrastarme Hintergründe setzen
- Farben außerhalb der definierten Varianten verwenden
Typografie
Hausschrift für Überschriften und Fließtext. Entwickelt, damit jedes Zeichen eindeutig unterscheidbar ist.
Für Akzente: Zahlenreihen, technische Begriffe, kleine Highlights. 15–16–17–1–2
| Hierarchie | Schnitt | Größe | Zeilenhöhe |
|---|---|---|---|
| H1 | Next Ultra Bold | 48 px | 1.2 |
| H2 | Next Halbfett | 36 px | 1.25 |
| H3 | Next Halbfett | 28 px | 1.3 |
| H4 | Next Halbfett | 22 px | 1.35 |
| Fließtext | Next Regular | 16 px | 1.6 |
| Kleiner Text | Next Regular* | 14 px | 1.6 |
| Labels und UI | Next Medium | 14–16 px | 1.4 |
| Mono-Akzente | Mono | 15–16 px | 1.5 |
* Barrierefreiheit: kleiner Text in Regular statt Light, weil feine Strichstärken bei 14 px schlechter lesbar sind. Zeilenlänge 45–75 Zeichen, kein Blocksatz, Versalien sparsam. Abstände: Absatz 16 px, Überschrift zu Text 16–24 px, Abschnitt zu Abschnitt 48–64 px.
Formsprache
Alle Muster leiten sich aus der Bildmarke ab und verwenden die Markenfarben. Rauten und Herzen dürfen rotiert und skaliert werden, solange ihre geometrische Struktur erhalten bleibt. Sie lockern Flächen auf, ohne Inhalte zu überlagern.
Stilmittel
nummix möchte Menschen einladen, nicht beeindrucken.
Dunkle Box: für Kernaussagen. Dreieck und Rauten in der Farbe des Themas.
Graue Box für Hinweise und Merksätze.
Dreieck vor Text: für Aufzählungen und Einstiege ohne Box.
Pfeilbox für Handlungsaufforderungen.
Musterstreifen: Raster, Gitter und dunkle Sprenkel als ruhige Trenner zwischen Abschnitten.
Herzen, Kreuz und Logo-Komposition aus den Formen der Bildmarke.
Spielsteine
Die Spielsteine sind quadratisch, weiß und tragen die Zahl in der Spielfarbe. Joker zeigen vier Dreiecke, die zur Mitte zeigen: oben und unten in der einen Farbe, links und rechts in der anderen. Die Steine dürfen als grafisches Element eingesetzt und dabei leicht gedreht werden.
Bildsprache
Fotos zeigen das Wesen des Spiels: Menschen, die gemeinsam an einem Tisch spielen. Im Mittelpunkt steht der Moment, in dem sich alle auf dasselbe Spielfeld konzentrieren.
Das Farbspektrum ist hell und warm. Die Motive wirken aufgeräumt, aber nicht inszeniert: Spielrunden am Tisch, Hände und Spielsteine, das Spielfeld als gemeinsamer Fokus, Produktfotos.
Anleitungen und Regelgrafiken bleiben dagegen technisch: reduzierte Formen, klare Linien, ruhige Layouts.
Ton & Sprache
Einladend erzählen. Klar erklären.
Die Sprache von nummix ist klar, verständlich und einladend. Sie bleibt nahbar und offen und vermeidet unnötige Fachbegriffe.
Die technische Stimme
Erklärt das Spielsystem klar und präzise, vermeidet Barrieren und ermöglicht Teilhabe.
Die menschliche Stimme
Beschreibt mit Begeisterung das Erlebnis des Spiels und die Begegnung zwischen Menschen.
Fragen zur Marke oder weiteres Material: info@nummix.de
