MN-CI / 03.00 · März 2026
Corporate Identity · Design System
Internal & Partner Use
Brand Book · 48 Seiten
Stand: Frühjahr 2026

Eine Marke.
Ein System.
Unendliche Stimmen.

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.

Palette
Dark + Cream + Bronze
Type
Montserrat
Bildwelten
5 Themes
MYnextRINGCI GuideVersion 3.0Dark · Cream · BronzeMade in AustriaMYnextRINGCI GuideVersion 3.0Dark · Cream · BronzeMade in Austria
01 / 11Fundament

Was MYnextRING ist — und was nicht.

Fünf Prinzipien, die jede visuelle Entscheidung durchziehen. Wenn ein Entwurf nicht mindestens drei davon trägt, gehört er überarbeitet.

Gilt für alle Touchpoints
Web · App · Print · Social
Stand 03.2026

Fünf
Prinzipien.

01 · PRÄSENZ

Ruhe durch Schwarz.

Schwarz ist keine Abwesenheit — es ist Haltung. Räume dominieren statt sie zu füllen. Luft ist ein Material.

02 · PRÄZISION

Typografie als Struktur.

Montserrat 200 gegen 700 — Kontraste statt Mitte. Keine Zierde, keine Serifen, keine Ausreden.

03 · WÄRME

Bronze als Signal.

Ein einziger Akzent. Niemals zweifarbig. Bronze markiert, was wichtig ist — nichts anderes.

04 · HUMAN

Körper, nicht Datenblätter.

Menschen, Hände, Haut. Keine UI-Dashboards vorne. Technik ist Mittel, nicht Motiv.

05 · RHYTHMUS

Dunkel, hell, dunkel.

Sections alternieren in Farbe und Temperatur. Nie zwei gleiche nebeneinander.

06 · DETAIL

Jede Zeile hat einen Grund.

Trennlinien, Nummerierungen, Koordinaten — Details erzählen die Sorgfalt mit.

07 · STIMME

Ein System, viele Personen.

Die Basis bleibt. Portrait, Bildwelt und Ton wechseln pro Kurator.

03 / 11Farbsystem

Schwarz. Creme.
Ein Akzent.

Zugänglichkeit · WCAG AA+
Kontraste geprüft
OKLCH · Hex · RGB

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 % BRONZE

Primärfarben

Ink
Primary · Background Dark
AAA · 19.8
#0E0D0C
oklch(0.14 0.002 60)
RGB 14·13·12
Cream
Primary · Background Light
AAA · 17.2
#F4EFE6
oklch(0.95 0.015 85)
RGB 244·239·230
Bronze
Accent · Signal
AA · 7.4
#C9A96A
oklch(0.78 0.08 85)
RGB 201·169·106

Erweitertes System

Ink 02
Surface
#141312
Ink 03
Raised
#1D1B18
Graphite
Muted
#3A3733
Stone
Secondary Text
#A39A88
Sand
Warm Surface
#D9CDB6
Cream 02
Light Surface
#EBE4D7
Bronze Deep
Hover · Print
#A8894D
Champagne
Hover · Highlight
#E4CFA3
Ocean
Secondary · Cool
#1F4A63
Ocean Deep
Backdrop · Cool
#0F2B3C
Moss
Secondary · Natural
#4A6B4E
Moss Soft
Muted · Natural
#7A9478
Mint
System · Success
#7FC89A
40 · 40 · 20

Die 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.

Rhythmus-Prinzip

Sektionen alternieren zwischen Dark und warmen Hellflächen (Cream, Cream-2, Sand). Dark-auf-Dark nur für Drop-Shadows und Tiefe.

Bronze sparsam

Akzent-Farbe ausschließlich für: CTAs, Eyebrow-Linien, Italic-Words in Headlines, Ring-Glow, Nummerierungen. Nie als Hintergrundfläche einer ganzen Sektion.

04 / 11Typografie

Montserrat.
Nur das.

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.

Montserrat Variable
Latin Extended
Google Fonts · selbst gehostet

Dein smarter
Begleiter
für mehr Ruhe.

Klasse
Display H1
Weight-Mix
200 + 700 + 300it
Tracking
-0.035em
Leading
0.98
Akzent-Italic
Bronze #C9A96A
Display
Dein Ring.
88 / 86 · -0.035
H1
Eine Marke.
56 / 57 · -0.030
H2
Der Ring im Alltag.
40 / 42 · -0.025
H3
Ein smarter Ring, der alles kann.
24 / 29 · -0.010
Body L
Kuratiert mit Bastian Schweinsteiger. Federleicht aus Titan, ohne Abo.
18 / 30 · 0
Body
Drei Gramm pure Technologie — PPG, Temperatur und 3D-Beschleunigung.
15 / 26 · 0
Caps
Schweinsteiger Edition · Version 2026
11 · 0.180
Mono
MN-CI / 03.00 · MÄRZ 2026
11 · 0.180
Aa
200 · Extralight
Aa
300 · Light
Aa
400 · Regular
Aa
500 · Medium
Aa
600 · Semibold
Aa
700 · Bold
05 / 11Komponenten

Die Bausteine.
Wiederverwendbar.

Atomic · konsistent
Dark & Light Varianten
Figma Library v3.0
01 · Buttons
Buttons

Primary in Bronze für die Haupt-Aktion. Ghost für Secondary. Nie mehr als ein Primary pro Viewport.

02 · Buttons · light
Buttons auf Hell

Auf Cream-Flächen wird Ghost-Dark verwendet. Ink-Variante als neutraler Fallback.

03 · Pills & Tags
KI-Coach Schlaf-Tracking HRV SpO₂
Pills & Tags

Für Feature-Listen. Mit optionalem Bronze-Dot für Aktive / Featured Zustände.

04 · Feature Card
03 · NEU
Schlaf-Tracking
Schlafphasen, Regenerationswert und Einschlaf-Qualität — nachtaktiv gemessen.
Feature-Card

Nummerierung in Mono-Bronze. Titel 700, Beschreibung muted. Optional „NEU"-Flag.

05 · Reserve-Form
E-Mail-Capture

Minimal, in einer Zeile, Bronze-Button. Fokus: Bronze-Border. Kein zusätzliches Label.

06 · Nav Link
Navigation

Caps-Style, Letter-Spacing 0.14em. Active/Hover-State in Bronze.

06 / 11Sektions-Templates

Jede Seite, dieselbe Grammatik.

Sechs wiederkehrende Sektions-Typen. Jede Seite komponiert sie in wechselnder Reihenfolge, immer mit alternierenden Hintergrundfarben.

Grid 12-spaltig
Section-Padding 120 px
Max-Width 1320 px
01 · Hero DARK · FULL-BLEED

Dein smarter
Begleiter
für mehr Ruhe.

Portrait · Full-Bleed1 CTAEyebrow + Claim
02 · Produkt-Intro LIGHT · SPLIT

Titan. Sensorik.
Keine Kompromisse.

Freigestellter Ring auf Glow, rechts 3-Zeilen-Description und 4-Cell-Meta-Grid.

Ring LeftCopy RightMeta-Row
03 · Features Grid DARK · 2×4 GRID

Ein smarter Ring,
der alles kann.

01KI-Coach
02Schlaf
03Stress
04HRV
05SpO₂
06Zyklus
04 · Testimonial / Manifest BEIGE · CENTERED
Ich trage ihn, wenn mich keiner sieht — dort zählt Ruhe am meisten.
Bastian Schweinsteiger · Curator
05 · Gallery / Ring DARK · 3-UP

Leicht am Finger.
Brillant in der Leistung.

06 · Reserve / CTA LIGHT · CENTERED

Reserviere
deinen Ring.

E-Mail-Capture mit Bronze-Submit. Nummerierte Edition.

07 / 11Bildwelten

Fünf Welten.
Eine Stimmung.

Jedes Bild muss eine der fünf MYnextRING-Bildwelten bedienen. Mischformen sind erlaubt, Ausreißer nicht. Immer warm, immer ruhig — nie klinisch, nie bunt.

5 Themes
RAW · kein HDR
Bronze-Cast erlaubt
W·01
Desert
Dünen · Stille · Wärme
W·02
Rocks
Stein · Struktur · Kraft
W·03
Ocean
Tiefe · Blau-Schwarz
W·04
Studio
Portrait · Low-Key
W·05
Lifestyle
Alltag · Hände · Haut

Light Variants · Tages-Stimmungen

Dieselben Welten im Tageslicht — für Web, Print auf Cream und Co-Branding. Gleiche Ruhe, wärmerer Ton.

W·01 · LT
Desert
Sonne · Sand · Ruhe
W·02 · LT
Rocks
Kalk · Tageslicht · Struktur
W·03 · LT
Ocean
Dunst · Horizont · Weite
W·04 · LT
Studio
Portrait · High-Key
W·05 · LT
Lifestyle
Morgenlicht · Hände · Haut
07.2Bilder-Guide

So sieht ein
konformes Bild aus.

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.

Dünen bei Sonnenaufgang — Bildwelt Desert
Ink auf Cream

Warme Stille.
Kein Lärm.

Heller Himmel, dunkle Typo. Bronze-Akzent nur auf dem Italic-Wort. So liest sich Ruhe.

W·01 · Desert · Hero ● konform WCAG AA · 11.6 : 1
Lichtwarm · 5.500 K CastBronze-Highlight Ringnicht sichtbar — Stimmung trägt NutzungHero · Section-Header · Print-Cover
Format
21:9 · Wide

Kommt als Hero-Banner oder ruhiger Section-Break zum Einsatz. Horizont mittig oder leicht unter der Mitte.

Farbton
Sand → Bronze

Höhepunkte dürfen ins Weiße kippen, Schatten bleiben warm — nie neutral-grau oder kühl-blau.

Komposition
Rule of Thirds

Dünenkamm auf unterem Drittel, Sonne/Highlight im oberen Drittel. Viel leerer Himmel = Platz für Typo.

Post
Low Contrast · RAW

Kein HDR, keine Vignette, keine Bronze-Duo-Tones. Leichte Warmtonkurve reicht.

Ring am Strand im Dämmerlicht — Bildwelt Ocean/Lifestyle
Cream auf Ink

Ein Ring.
Ein Horizont.

Tiefer Hintergrund, helle Typo, Bronze-Italic als Akzent. Produkt in der Bildachse — Text links, Luft rechts.

W·03 + W·05 · Ocean × Lifestyle ● konform WCAG AA · 9.8 : 1
LichtDämmerlicht · Gegenlicht-Glow Ringmittig · Produkt-Held KontextSand + Horizont = Ruhe NutzungProdukt-Landing · Launch-Kampagne
Kletterer im Action-Moment — Bildwelt Momentum
W · 05 MOMENTUM
IN MOTION · IN MOTION · IN MOTION
Bildwelt · Performance & Action

PUSH. PULL. Breathe.

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.

bpm
168
HRV
42
VO₂
54.1
Bildwelt · Momentum ✓ Action · konform Kontrast 8.4 : 1 · AA+
EinsatzPerformance · Editorial · Kampagne TypoAnton · Condensed Display für Action LichtHartes Tageslicht · warmer Rim MotivMensch in Aktion · Ring still mittragend
Compliance-Checkliste · DO
  • Warmer Lichtcharakter (Sonne tief, Golden Hour, Dämmerlicht) oder hartes Tageslicht mit warmem Rim
  • Natürliche Texturen im Vordergrund — Sand, Haut, Stoff, Stein, Fels
  • Action und Bewegung sind willkommen — echte Anstrengung, echter Moment
  • Kühler Hintergrund (Himmel, Ocean) nur mit warmem Rim am Motiv
  • Viel Negativraum für Typo oder Stille
  • Ring als Teil des Bildes — getragen, unsichtbar oder still mittig
  • Kontrast reduziert, Schwarzwerte warm
Compliance-Checkliste · DON'T
  • Neon · Club-Lighting · grelle künstliche Farbstimmung
  • HDR-Tone-Mapping, aggressive Vignetten, Duo-Tones
  • UI-Mockups, Benachrichtigungen, App-Screens im Vordergrund
  • Tech-Signal am Produkt (roter Sensor-Glow, pulsierende LEDs)
  • Reines Studio-Weiß ohne Kontext (ausgenommen W·04)
  • Stock-Foto-Ästhetik · Smile-to-Camera · Hand-Model-Posen

Referenz-Gallerie · Beispiele aus der Praxis

Vier konforme Bildwelten-Treffer aus Editorial, Kampagne und Produkt. Jedes Bild zeigt, wie Welt, Licht und Produkt ineinandergreifen.

DO · IMMER

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.

DON'T · NIEMALS

Kalt-grelles Licht · Smartphone-Mockups vorne · Sales-Stock-Fotos · Neon/Techno-Akzente · UI-Overlays auf Fotos · roter Sensor-Glow oder Tech-Signale am Produkt.

08 / 11Motion

Bewegung,
die nicht schreit.

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.

Reduced-Motion respektiert
Dauer 600–900ms
Delay stagger 120ms
Pulse
2s infinite · sensor-aktiv
Float
3–7s alternate · Ring
Reveal
900ms · on scroll
MYnextRING · DARK · CREAM · BRONZE · MYnextRING · DARK · CREAM · BRONZE ·
Marquee
30s linear infinite
09 / 11Voice & Copy

Wenige Worte.
Viel Wirkung.

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.

DE primär · EN/FR/IT sekundär
Du-Form immer
Keine Exklamationsmarken
Schreiben
Konkret, ruhig, physisch.
  • „Drei Gramm am Finger."
  • „Kein Abo. Keine Werbung."
  • „12 Tage Akku — danach wieder 12."
  • „Er misst, du schläfst."
  • „Titan. Federleicht. Fertig."
Nicht schreiben
Jargon, Hype, Superlative.
  • „Revolutionär neu!"
  • „Smart Life Companion"
  • „Empowering your wellness journey"
  • „Next-Level Health-Intelligence"
  • „Game-Changer für dein Wohlbefinden"
10 / 11Social · Instagram · Facebook · X

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.

3 Formate · IG · FB · X
Nur Montserrat · kein Script
3 Bühnen-Typen · A · B · C
BÜHNE · A

Scrim-Footer

Text unten. Ink-Gradient von unten 0 → 95 %. Das Foto bleibt zu 60 % frei sichtbar. Für Portraits, Lifestyle, Action.

mynextring
Du kennst
deinen Körper.
Jetzt auch
deine Energie.
SKY · EDITION Nº 77 MEHR →
mynextring
Dein Schlaf
ist Leistung.
03:42 UHR · DER RUHIGSTE MOMENT
mynextring
Unterwegs.
Nie ohne
Rhythmus.
JETLAG · RECOVERY · FOKUS
Scrimlinear-gradient(0deg, rgba(14,13,12,.95), transparent 65%) TextCream #F4EFE6 LogoCream · top-left · 40 px AkzentBronze-Mono für Link/CTA
BÜHNE · B

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.

EDITION Nº 77
Klarheit
ist kein
Talent.
ZYKLUS
Höre
dich.
LIVE
61 bpm.
Recovery
94 %.
Split50 / 50 oder 60 / 40 PanelInk #0E0D0C · 100 % deckend TextCream auf Ink · Mono Bronze VariantenInk · Ocean-Deep · Moss (Kontext)
BÜHNE · C

Top-Bar

Cream- oder Ink-Streifen oben. Foto darunter voll sichtbar. Für Produkt-Freisteller, neutrale Szenen, Editorial-Momente.

mynextring
EDITION Nº 77 Ein Ring. Eine Frage. Deine Antwort.
NEU · SKY Titan matt. 12 Tage. EUR 449.
mynextring
FOOD & FOKUS Was du isst, weiß dein Körper.
Bar-Höhe26–30 % der Fläche · oben FarbeCream + Ink Text · oder Ink + Cream Text LayoutLogo links · Meta + Hook rechts AkzentBronze/Bronze-Deep Hairline unten
Ist das Foto unten ruhig & dunkel genug für einen Scrim?
JA → Bühne A Scrim-Footer
↓ NEIN
Ist das Foto so bunt / detailreich, dass Text darauf nicht lesbar wäre?
JA → Bühne B Side-Panel
↓ NEIN
Ist es ein Produkt, Editorial-Moment, oder willst du maximal Bild?
JA → Bühne C Top-Bar
↺ Unsicher? → Bühne B
mynextring
486 Beiträge
58,2 Tsd. Follower
12 gefolgt
MYnextRING — Smart Ring
Tracking, das verschwindet. Verstehen, das bleibt.
▦ Beiträge
▷ Reels
▢ Markiert
mynextring
Schlaf ist
Leistung.
03:42 · DER RUHIGSTE MOMENT
mynextring
Atem. Puls.
Klarheit.
EDITION Nº 50
mynextring
FOKUS
Klarheit
ist kein
Talent.
mynextring
EDITION Nº 77 Fokus ist Praxis.
mynextring
Dein Tempo.
Dein Ring.
RUN · 5,8 KM · 142 BPM
mynextring
SKY · TITAN MATT EUR 449 →
mynextring
ZYKLUS
Höre auf
den Kalender.
Höre dich.
mynextring
Unterwegs.
Immer zuhause.
JETLAG · RECOVERY
mynextring
LIVE
61
bpm · Ruhepuls
Nº 12
Zeitzonen.
Dein Ring
weiß es.
Mehr erfahren
Nº 05
MEDIZIN & BALANCE
Daten,
die dein
Arzt liest.
Zum Report
EDITION Nº 50
Atmen. Fühlen.
Führen.
LIVE
61
bpm
Ruhepuls · 03:42 Uhr
HRV · SPO₂ · TEMP · SCHLAFZYKLUS
× BAD — aus dem aktuellen Feed
XTRA POWER?
SPRING IN DEN
FRÜHLING & GEWINNE
  • Logo-Variante „NEXT" fett — nicht CI
  • Serif-Headline — verboten
  • Hellblau nicht in Palette
  • Kein Foto — reine Template-Grafik
✓ GOOD — Bühne A
mynextring
Xtra
Energie?
→ GEWINNE SKY
  • Echtes Use-Case-Foto (Yoga, Bildwelt „Urban Morning")
  • Scrim unten — Text sitzt auf Ink-Bühne
  • Nur Montserrat — 200 + italic
  • Bronze-Mono als einziger Akzent
× BAD — aus dem aktuellen Feed
BIST DU BEREIT,
DICH SELBST BESSER
ZU VERSTEHEN?
Smart · Elegant · Präzise
  • Serif + Script + Sans-Chaos
  • Kein Foto, kein Logo sichtbar
  • Kein Akzent, keine Hierarchie
  • Claim zu lang, zu laut
✓ GOOD — Bühne B
EDITION Nº 77
Bereit,
dich besser
zu verstehen?
  • Echtes Foto aus Use-Case „Office & Performance"
  • Side-Panel — Foto und Text gleichrangig
  • Nur Montserrat — 200 + italic + Bronze-Mono
  • Kurzer Claim mit Atem
Social · Cheatsheet
Bühnen
A Scrim · B Side-Panel · C Top-Bar
Keine Mischformen
Fonts
Montserrat 200 · 400 · 500 · 700
JetBrains Mono 400 (Meta)
Logo
immer top-left · 40 px
Cream (dark) · Ink (light)
Scrim (A)
linear-gradient(0deg,
rgba(14,13,12,.95), transparent 65%)
Panel (B)
Ink 100 % · optional Ocean-Deep
Split 50/50 oder 60/40
Top-Bar (C)
Cream oder Ink · 26–30 % Höhe
Bronze-Hairline unten
Hook-Regel
Max 6 Wörter · 1 italic-Highlight
1 strong-Endung
Verboten
Text frei auf buntem Foto
Script · Serifs · Sticker · fremde BGs
11 / 11Influencer-Editionen

Ein Rahmen.
Viele Stimmen.

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.

Subdomain · {name}.mynextring.com
Template-System identisch
Portrait + Manifest mandatorisch
SCHWEINSTEIGER · EDITION Nº 77
Nº 77
2026

Fokus.
Ruhe.
Balance.

Sport · Mental Performance
Bildwelt
Studio · Rocks
Ton
Still, maskulin
SOPHIA · EDITION Nº 50
Nº 50
2026

Atmen.
Fühlen. Führen.

Mental · Fitness · Feminin
Bildwelt
Desert · Lifestyle
Ton
Warm, präsent
MARIN · EDITION Nº 33
Nº 33
2026

Tiefe.
Stille.
Zurück.

Adventure · Free-Diving
Bildwelt
Ocean · Rocks
Ton
Knapp, lakonisch
Variation-Contract
Unveränderlich

Logo, Wortmarke, Montserrat, Bronze #C9A96A, 60·30·10-Prinzip, Grid-Raster, Template-Typen.

Variiert pro Edition

Portrait, Bildwelt-Mix (max. 2), sekundärer Hint-Akzent (5% max), Manifest-Text, Edition-Zahl.

Empfohlen

Eigene Signature (handsigniert) im Edition-Block · persönliches Zitat als Manifest · 1 spezifische Use-Case-Story.

Verboten

Eigene Logos, Fremdfonts, Sales-Banner, Rabatt-Grafiken, Neon-Farben, Selfies, Emojis.