Zum Inhalt springen
DESIGN OPERATING SYSTEM
V2.7 · READY

02FUNDAMENT

Technisch präzise.Menschlich lesbar.

Das Fundament erzeugt den Wiedererkennungswert, bevor ein Logo sichtbar wird: dieselbe Kontrastlogik, dieselben Abstände, dieselbe typografische Spannung und dieselbe knappe Signalfarbe.

02.1FARBROLLEN

Monochrom trägt.
Gelb entscheidet.

Farben werden nach Aufgabe benannt, nicht nach visueller Laune. Das neue Werkstatt-Gold ist materialiger und ruhiger als Neon-Gelb; auf heller Fläche bleibt es Fläche, Kontur oder Fokus statt kleinem Fließtext.

Signal#DDB51B

Hauptaktion, Fokus, offene Entscheidung

--signal
Signal Ink#070806

Text und Icon auf Signalflächen

--signal-ink
Paper#F5F5F0

Helle Bühne, Dokumente

--paper
Success#45C486

Gespeichert, bezahlt, abgeschlossen

--success
Danger#FF6259

Fehler, destruktive Aktion

--danger
Info#68A7FF

Neutrale Systeminformation

--info
DARK / OPERATIVE#090A0C
42 Reifen erfasst

Ruhige Tiefe, klare Linien, Signal nur an der Entscheidung.

LIGHT / DAYLIGHT#F5F5F0
42 Reifen erfasst

Kein reines Blendweiß; Papierwärme hält lange Arbeit angenehm.

Kontrastregel: Signal trägt ausnahmslos #070806 in Gewicht 800–900 – niemals Weiß. Auf Paper wird für kleine Akzenttexte #6A5200 genutzt; Statusfarben erscheinen zusätzlich mit Icon und Wort.

02.2TYPOGRAFIE

Gewicht trennt Bedeutung.
Nicht Lautstärke.

Manrope Variable verbindet technische Klarheit mit offenen, menschlichen Formen. JetBrains Mono stabilisiert Dimension, DOT, IDs, Geld und Zeit.

LIVE PATTERNType specimenMANROPE + JETBRAINS MONO
DISPLAY · 200 / 800

Echte Reifen.
Echte Daten.

Bold benennt den Gegenstand. Light öffnet Raum und führt den Satz weiter.

64/62Reifen finden

44/46Bestand prüfen

30/34Offene Aufgaben

22/28Michelin Pilot Sport 5

16/26Zusammengehörige Reifen werden als eine Verkaufseinheit dargestellt.

14/20METADATEN · NUR MIT HOHEM KONTRAST

16/24205/55 R16 · DOT 2425 · 6,5 MM

300

Light = Kontext

Für große Headlines, Erklärungen und großzügige Zahlen. Nie für kleinen grauen Text.

500

Medium = Lesen

Standard für Fließtext, Labels und Navigation. Ruhig, aber nicht fragil.

750

Bold = Objekt

Produktname, Primärwert, aktive Auswahl und Handlung. Nicht jeder Satz verdient Bold.

02.3RAUM & RASTER

Vier misst.
Acht ordnet.

4 px justiert Details. 8 px komponiert Layout. Abstände steigen nur in definierten Schritten; optisches Ausgleichen bleibt erlaubt.

4DETAIL8DETAIL12DETAIL16COMPONENT24COMPONENT32COMPONENT48SECTION64SECTION96SECTION
DESKTOP12

Spalten · max. 1440 px Bühne · 24 px Gutter · 32–64 px Rand

TABLET8

Spalten · 20 px Gutter · Daten priorisieren statt nur verkleinern

MOBILE4

Spalten · 16 px Rand · Hauptaktion in natürlicher Daumenzone

08PRÄZISE

Badges, kleine Controls, Tabellenaktionen

12INTERAKTIV

Buttons, Inputs, Tabs, kompakte Karten

18BÜHNE

große Module, Sheets, Produktflächen

∞STATUS

nur Punkte, Toggle, Avatar und echte Pills

02.5BILDSPRACHE

Echtheit zuerst.
Atmosphäre mit Vertrag.

Bilder bekommen vor der Produktion eine Rolle. Reale Produkt- und Prozessbeweise dürfen niemals durch generierte Motive ersetzt werden. KIE liefert nur kontrollierte Markenatmosphäre – ein Master, klare Crops, geringe Sättigung und lokal archivierte Herkunft.

LIVE PATTERNResponsive image masterRATIO FAMILY · CONTROLLED CROPS
Freigegebene, helle Markenatmosphäre mit plausibler ReifenmaterialitätSAFE COPY / CROP
KIE · BRAND ATMOSPHEREKein Produktbeweis
ECHT WIRKT ECHT

plausibles Material

gerichtetes Licht

kontrollierte Sättigung

keine erfundene Produktwahrheit

01PRODUKTWAHRHEITNUR ECHT

Konkrete Unit, Profil, DOT, Schaden, Label und Lieferumfang. Immer Originalfoto der verkauften Ware.

02PROZESSBEWEISECHT BEVORZUGT

Prüfung, Lager, Packen und Übergabe. Reale Situation mit dokumentarischem Licht, nie nachgestellter Erfolgsbeweis.

03MARKENATMOSPHÄREKIE ERLAUBT

Generischer Reifen, Material, Werkstatt und Licht. Keine Marke, Maße, Personenbehauptung oder eingebrannte UI.

04SYSTEMERKLÄRUNGCODE-NATIV

Diagramme, Status, Messwerte und Abläufe entstehen als HTML/SVG/CSS – scharf, zugänglich und datengetreu.

LOOK

Material und Licht

Gummi-Mikrotextur, feiner Werkstattstaub, natürliche Kontaktfläche, kühles Umgebungslicht und maximal ein gedämpfter Ockerreflex.

HUMAN

Menschen nur mit Grund

Standardmäßig keine. In echten Prozessfotos: graphitfarbene Arbeitskleidung plus schmale gedämpfte Goldlasche als wiederkehrendes Merkmal; keine gestellte Werbepose.

NO

Falsche Behauptung

Keine erfundenen Marken, EU-Labels, Dimensionen, Prüfresultate, Mitarbeitenden oder pseudo-technischen Pixel-Overlays.

PRODUKTIONS-CHECK

Reifen physikalisch plausibel

Rolle und Alttext definiert

Fokuspunkt für jeden Crop

Dark/Light-Grading kontrolliert

Original + Prompt + Manifest lokal

Aussage funktioniert ohne Bild

Produktionsbibliothek: 24 einzeln geprüfte Motive – 8 Master in 4K und 16 in 2K, jeweils mit Original, WebP, Manifest und Prüfsumme. Vollständige Bildkommunikation öffnen.