Markensystem

Das Designsystem von Lucas Lucid, offen und zum Mitnehmen.

Farben, Schrift, Logos und die fertigen Token-Dateien. Alles an einem Ort, damit das Team und seine KI-Modelle konsistent im richtigen Look arbeiten, von der PDF bis zur Landingpage.

Für dein KI-Modell Nutze das Markensystem von Lucas Lucid. Lies https://lucaslucid.com/design/assets/brand.md und wende Farben, Schrift und Logos daraus an.

01 · Farbe

Dunkel als Grund, ein Akzent als Signal

Nie reines Schwarz. Grün erscheint nur punktuell, nie flächig. Sekundärstufen tragen den Text ohne Härte.

Grund
#0b0b0c
Fläche erhöht
#101012
Text primär
#f4f4f2
Text sekundär
244,244,242 · 58%
Akzent-Grün
#4ade80
Linie betont
255,255,255 · 13%

02 · Schrift

Inter für alles, Instrument Serif als Akzent

Eine Sans für Fläche und Zahlen, eine kursive Serif nur für einzelne Betonungsworte. Gewichte bleiben leicht, Klein wirkt teurer als Groß.

Aa HeroInter · 350 · clamp(2.1 bis 4rem)*
Aa ÜberschriftInter · 400 · -0.02em
so wird betontInstrument Serif · italic
Fließtext trägt ruhig, mit viel Zeilenhöhe. 0123456789Inter · 400 · 1.65
Eyebrow-LabelInter · 12px · 0.12em

04 · Form & Haltung

Wenige Regeln, konsequent

05 · Downloads

Alle Dateien einzeln

Token-Dateien sind maschinenlesbar und lassen sich direkt in ein Projekt oder in ein KI-Modell einlesen.

DateiWasDownload
Marken-KitAlles gebündelt als ZIPbrand-kit.zip
brand.mdStyleguide als Text, für KI-Modellebrand.md
brand-tokens.cssCSS-Variablen, direkt nutzbartokens.css
brand-tokens.jsonFarben, Schrift, Skala als JSONtokens.json
WortmarkeLUCAS LUCID, weißPNG · WEBP
Zeichen (L)Symbol, hell und dunkelSVG hell · SVG dunkel
Lucid OSProduktmarkePNG
Schrift InterVariabel, latinwoff2
Instrument SerifRegular & Italicregular · italic