Das verbindliche Design-System für alle MYnextRING-Auftritte — von neu.mynextring.com bis zu den Influencer-Editionen. Eine gemeinsame visuelle Sprache mit Raum für persönliche Tonalität.
Fünf Prinzipien, die jede visuelle Entscheidung durchziehen. Wenn ein Entwurf nicht mindestens drei davon trägt, gehört er überarbeitet.
Schwarz ist keine Abwesenheit — es ist Haltung. Räume dominieren statt sie zu füllen. Luft ist ein Material.
Montserrat 200 gegen 700 — Kontraste statt Mitte. Keine Zierde, keine Serifen, keine Ausreden.
Ein einziger Akzent. Niemals zweifarbig. Bronze markiert, was wichtig ist — nichts anderes.
Menschen, Hände, Haut. Keine UI-Dashboards vorne. Technik ist Mittel, nicht Motiv.
Sections alternieren in Farbe und Temperatur. Nie zwei gleiche nebeneinander.
Trennlinien, Nummerierungen, Koordinaten — Details erzählen die Sorgfalt mit.
Die Basis bleibt. Portrait, Bildwelt und Ton wechseln pro Kurator.
Das mynextring-Logo ist ein puristisches Wortmark. Es lebt von Weite — und davon, nicht verunstaltet zu werden.
Um das Logo herum bleibt mindestens die Höhe des Großbuchstaben „M" frei von anderen Elementen.
Darunter verliert die Wortmarke ihre Lesbarkeit. Kein Icon-Fallback — lieber ausgeschrieben.
Auf Schwarz wirkt die Marke am stärksten. Auf Bronze nur großflächig — nie invers auf Foto.
In Nav, Templates und Print. Rechts-Alignment ausschließlich für Co-Branding mit Partnern.
Zwei Haupttöne — ein tiefes Schwarz und ein warmes Creme — tragen jedes Layout. Bronze setzt Signale. Mint spielt nur in Produkt-States eine Rolle (z.B. „sensor aktiv"). Keine Gradients zwischen Farben, nie mehr als ein Akzent auf einer Fläche.
40 % DARK · 40 % CREAM · 20 % BRONZEDie Grundregel. Dark und Cream tragen jeweils 40 % der Fläche — ein helles, ausgewogenes Gesamtbild. Bronze bis zu 20 % als wärmender Akzent. Ocean und Moss nur als Sektions-Hintergrund oder Akzent — nie mit Bronze kombiniert.
Sektionen alternieren zwischen Dark und warmen Hellflächen (Cream, Cream-2, Sand). Dark-auf-Dark nur für Drop-Shadows und Tiefe.
Akzent-Farbe ausschließlich für: CTAs, Eyebrow-Linien, Italic-Words in Headlines, Ring-Glow, Nummerierungen. Nie als Hintergrundfläche einer ganzen Sektion.
Eine Schrift, sechs Gewichte. Der Kontrast zwischen Light (200) und Bold (700) ist das wichtigste gestalterische Werkzeug. Italic kommt nur in ausgezeichneten Wörtern — in Bronze.
Primary in Bronze für die Haupt-Aktion. Ghost für Secondary. Nie mehr als ein Primary pro Viewport.
Auf Cream-Flächen wird Ghost-Dark verwendet. Ink-Variante als neutraler Fallback.
Für Feature-Listen. Mit optionalem Bronze-Dot für Aktive / Featured Zustände.
Nummerierung in Mono-Bronze. Titel 700, Beschreibung muted. Optional „NEU"-Flag.
Minimal, in einer Zeile, Bronze-Button. Fokus: Bronze-Border. Kein zusätzliches Label.
Caps-Style, Letter-Spacing 0.14em. Active/Hover-State in Bronze.
Sechs wiederkehrende Sektions-Typen. Jede Seite komponiert sie in wechselnder Reihenfolge, immer mit alternierenden Hintergrundfarben.
Freigestellter Ring auf Glow, rechts 3-Zeilen-Description und 4-Cell-Meta-Grid.
E-Mail-Capture mit Bronze-Submit. Nummerierte Edition.
Jedes Bild muss eine der fünf MYnextRING-Bildwelten bedienen. Mischformen sind erlaubt, Ausreißer nicht. Immer warm, immer ruhig — nie klinisch, nie bunt.
Dieselben Welten im Tageslicht — für Web, Print auf Cream und Co-Branding. Gleiche Ruhe, wärmerer Ton.
Zwei Referenzen, an denen jedes neue Bild gemessen wird. Beide Beispiele erfüllen die Bildwelten-Regeln — warme Lichtstimmung, ruhige Komposition, kein Tech-Signal. Der Ring ist Teil des Bildes, nicht Hauptmotiv.
Heller Himmel, dunkle Typo. Bronze-Akzent nur auf dem Italic-Wort. So liest sich Ruhe.
Kommt als Hero-Banner oder ruhiger Section-Break zum Einsatz. Horizont mittig oder leicht unter der Mitte.
Höhepunkte dürfen ins Weiße kippen, Schatten bleiben warm — nie neutral-grau oder kühl-blau.
Dünenkamm auf unterem Drittel, Sonne/Highlight im oberen Drittel. Viel leerer Himmel = Platz für Typo.
Kein HDR, keine Vignette, keine Bronze-Duo-Tones. Leichte Warmtonkurve reicht.
Tiefer Hintergrund, helle Typo, Bronze-Italic als Akzent. Produkt in der Bildachse — Text links, Luft rechts.
Action in ihrer ehrlichen Form. Körper, Konzentration, echte Anstrengung. Der Ring misst still mit — kein Tech-Signal, keine UI. Performance als Erlebnis, nicht als Datenschau.
Vier konforme Bildwelten-Treffer aus Editorial, Kampagne und Produkt. Jedes Bild zeigt, wie Welt, Licht und Produkt ineinandergreifen.
W·02 · Rocks
konform
W·03 × W·05
konform
W·05 · Lifestyle
konform
W·05 · Momentum
konform
Warme Lichtstimmung · Schwarz als Leitton · Haut, Hände, Körper im Fokus · ruhige Kompositionen · Bronze-Cast im Highlight · Ring fast unsichtbar — als Teil, nicht Hauptsache.
Kalt-grelles Licht · Smartphone-Mockups vorne · Sales-Stock-Fotos · Neon/Techno-Akzente · UI-Overlays auf Fotos · roter Sensor-Glow oder Tech-Signale am Produkt.
Motion unterstreicht, stört nie. Vier Basis-Bewegungen, alle mit derselben Kurve: cubic-bezier(.2,.7,.2,1). Keine Spring-Physik, keine Auto-Playing Videos ohne Trigger.
Die Sprache ist direkt, konkret, ohne Pathos. Kurze Sätze. Aktive Verben. Kein Marketing-Jargon, kein „Smart Life". Premium heißt bei uns: Du musst nicht viel sagen.
Das CI lässt Raum für Kurator:innen. Basis-Tokens bleiben (Montserrat, Bronze, Grid, Sektions-Typen). Pro Edition variieren: Portrait, Bildwelt, Copy-Ton und ein sekundärer Hint-Akzent. Nie das Logo, nie die Farbstruktur.
Logo, Wortmarke, Montserrat, Bronze #C9A96A, 60·30·10-Prinzip, Grid-Raster, Template-Typen.
Portrait, Bildwelt-Mix (max. 2), sekundärer Hint-Akzent (5% max), Manifest-Text, Edition-Zahl.
Eigene Signature (handsigniert) im Edition-Block · persönliches Zitat als Manifest · 1 spezifische Use-Case-Story.
Eigene Logos, Fremdfonts, Sales-Banner, Rabatt-Grafiken, Neon-Farben, Selfies, Emojis.
Das Foto
bleibt Foto.
Der Text
bekommt eine Bühne.
Echte Use-Case-Fotos sind bunt, komplex, mittelton. Text direkt auf das Foto funktioniert fast nie sauber. Deshalb ist das Social-System auf Text-Bühnen gebaut: Scrim-Footer, Side-Panel oder Top-Bar. Nie Text frei auf Motiv. Das ist der einzige Weg, auf jedem Foto — hell, dunkel, bunt, mittelton — lesbar und markenkonform zu bleiben.
Nur Montserrat · kein Script
3 Bühnen-Typen · A · B · C
Foto bleibt Foto
Kein Tönen, kein Entsättigen, kein Unscharfzeichnen. Das Motiv wirkt. Wir beschneiden nur das Rechteck, auf dem der Text sitzt.
Text bekommt eine Bühne
Drei Bühnen-Typen: A Scrim-Footer (Text unten auf Ink-Gradient), B Side-Panel (Foto links, Ink-Block rechts), C Top-Bar (Cream-Streifen oben).
Immer 100 % Kontrast
Ink-Panel auf Foto: 100 % deckend. Scrim-Gradient: 0→95 %. Keine Halbtransparenz, keine 50 %-Glass-Effekte. Der Text ist immer absolut lesbar.
10 · 01 Die drei Bühnen
Jeder Social-Post nutzt eine dieser drei Bühnen. Keine Ausnahmen, keine Mischformen. Entscheidung: Welche Bühne passt zum Foto?
Scrim-Footer
Text unten. Ink-Gradient von unten 0 → 95 %. Das Foto bleibt zu 60 % frei sichtbar. Für Portraits, Lifestyle, Action.
deinen Körper.
Jetzt auch
deine Energie.
ist Leistung.
Nie ohne
Rhythmus.
Side-Panel
Foto links, Ink-Panel rechts (oder umgekehrt). Das Panel ist zu 100 % deckend. Für komplexe, bunte Bilder, bei denen kein Scrim sauber funktioniert.
ist kein
Talent.
dich.
Recovery
94 %.
Top-Bar
Cream- oder Ink-Streifen oben. Foto darunter voll sichtbar. Für Produkt-Freisteller, neutrale Szenen, Editorial-Momente.
10 · 02 Welche Bühne wann?
Entscheidung in unter 10 Sekunden. Bei Unsicherheit: Bühne B · Side-Panel. Sie funktioniert auf jedem Foto.
10 · 03 System-Feed — @mynextring
Alle drei Bühnen im Grid, gemischt. Der Feed liest sich als eine Marke — weil jedes Bild demselben Typo-, Logo- und Akzent-System folgt.
Leistung.
Klarheit.
ist kein
Talent.
Dein Ring.
den Kalender.
Höre dich.
Immer zuhause.
10 · 04 Story-Templates — 9:16
Dieselben drei Bühnen, vertikal. Logo immer top-left, CTA immer bottom.
Dein Ring
weiß es.
die dein
Arzt liest.
Führen.
10 · 05 Bad vs. Good — aus dem echten Feed
Zwei direkte Vergleiche mit aktuellen @mynextring-Posts. Links das Problem, rechts der System-Fix.
FRÜHLING & GEWINNE
Energie?
DICH SELBST BESSER
ZU VERSTEHEN?
dich besser
zu verstehen?
Keine Mischformen
JetBrains Mono 400 (Meta)
Cream (dark) · Ink (light)
rgba(14,13,12,.95), transparent 65%)
Split 50/50 oder 60/40
Bronze-Hairline unten
1 strong-Endung
Script · Serifs · Sticker · fremde BGs