# LULE × LULECAD · Brand System 02
September 2026. Überarbeiteter Gestaltungsentwurf.

## Markenfamilie
LULE: Dachmarke und Business-Software. Dein Betrieb. Dein System.
LULECAD: Holzbau-CAD. Holzbau. Weitergedacht.
Lelu: gemeinsamer Assistent innerhalb der Produktwelt.

## Herkunft und Farben
Die ursprüngliche LULE-Website ist die Referenz: Schwarz-Weiß,
große Headlines, klare Linien, gestaffelte Buchstaben und Scroll-Einblendungen.
Bordeaux #8F2424 stammt aus dem vorhandenen LenzeHolz-Konfigurator-Auftritt.
Schwarz #0A0A0A und Weiß #FFFFFF tragen die Gestaltung.
Silber #F1F1F1 gliedert sekundäre Flächen.
Bordeaux wird gezielt im Zeichen, auf primären Buttons, großen Headlines
und als CAD-Akzent auf hellem Grund eingesetzt.
Auf dunklem Grund bleibt kleine Schrift weiß. Primäre Bordeaux-Buttons
tragen weiße Beschriftungen. Keine grünen oder olivfarbenen Flächen.

## Zeichen
Tragendes L und Gegenstück: eigenständige Teile werden zum gemeinsamen System.
Schreibweise LULE, LULECAD und Lelu beibehalten.
Rundum mindestens die Breite des schmalen L-Schenkels freihalten.
Nicht verzerren, umranden oder mit Effekten versehen.
SVG-Dateien enthalten Schrift als Pfade und brauchen keine Schriftinstallation.
-dark: helle Wortmarke für schwarzen Grund, Bordeaux-Zeichen.
-light: schwarze Wortmarke und Bordeaux-CAD für weißen Grund.

## Typografie
DM Sans Regular und Bold, mit SIL Open Font License beigelegt.
Große, eng gesetzte Headlines; ruhiger Fließtext ab 16 px.
Technische Beschriftungen in Monospace, sekundäre Angaben ab 12 px.

## Bewegung
Gestaffelte Buchstaben steigen durch eine Maske auf. Inhalte erscheinen
mit deutlichem vertikalem Versatz. Headlines öffnen sich per Scroll-Maske,
Linien wachsen ein, Karten erscheinen versetzt, das CAD-Modell wird freigelegt.
Timing orientiert sich an der LULE-Kurve cubic-bezier(.22,1,.36,1).
Animationen bleiben bei prefers-reduced-motion abgeschaltet; alle Inhalte
bleiben sichtbar. Dauerhafte Modellrotation ist pausierbar.

## Sprache
Direkt, konkret, fachlich, persönlich. Keine unbelegten Superlative.
Modellstudien und Lelu-Beispiel sind als Prinzipdarstellungen gekennzeichnet.

## Dateien
Vier SVG-Wortmarken, App-Zeichen, Farb-Tokens, dieser Leitfaden,
DM Sans Regular/Bold samt Lizenz.

Markenrechtliche Verfügbarkeit und CAD-Preismodell sind nicht Bestandteil
des Gestaltungsentwurfs.

## Zwei eigenständige Auftritte
LULE zeigt Zusammenhänge im Betrieb: klare Reihenfolgen, ruhige Flächen,
wenige Trennlinien und großzügige Typografie. Leitmotiv: eine durchgehende
Ordnung vom Anliegen bis zur Auswertung. Hauptclaim: „Dein Betrieb. Dein System.“
Bordeaux kennzeichnet die nächste Handlung; technische Maßraster gehören
nicht zur dekorativen Grundsprache von LULE.

LULECAD zeigt Zusammenhänge in der Konstruktion: Bezugskanten, offene
Konstruktionsraster, Bemaßungen, Schnittflächen und ausgewählte Bauteile.
Hauptclaim: „Holzbau. Weitergedacht.“ Bordeaux kennzeichnet Auswahl oder
Veränderung. Nur echte Maße als Fakten darstellen; freie Motive und Abläufe
als Beispiel kennzeichnen. Keine erfundenen Produktansichten.

Lelu bleibt der benannte Assistent im jeweiligen Werkzeug. Keine dritte
Wortmarke, zusätzliche Hauptfarbe oder austauschbare schwebende Chat-Bubble.

## Praktische Anwendung
- Logos: auf Weiß/Silber die Variante -light, auf Schwarz die Variante -dark.
  Für einfarbige Produktion -mono-black oder -mono-white nutzen; beide Teile
  des Zeichens bleiben sichtbar. Keine Verläufe, Schatten oder Streckung.
- Schutzraum: mindestens eine Schenkelbreite des L auf allen Seiten.
  Kleine Anwendungen: das Zeichen statt einer unlesbaren Wortmarke nutzen.
  Richtwert für digitale Wortmarken: LULE ab 96 px, LULECAD ab 140 px Breite.
  Je nach Trägermaterial und Lesedistanz konkret prüfen.
- Typografie: ausschließlich die echten Schnitte 400 und 700. Keine
  synthetischen 800/900-Gewichte. Fließtext ab 16 px, Metadaten ab 12 px.
- Layout: 8-px-Grundrhythmus, Schritte 8/16/24/32/48/64; ausreichend freie
  Fläche um Logos und Headlines. Ecken und Linien bleiben geometrisch klar.
- Bewegung: Buchstaben 40 ms gestaffelt, zweite Zeile 150 ms versetzt;
  Einblendung ungefähr 900–1150 ms, cubic-bezier(.22,1,.36,1).
  Bei reduzierter Bewegung keine Animation oder verdeckten Inhalte.
- Motivwahl: LULE zeigt Abläufe und Verantwortlichkeiten. LULECAD zeigt
  Bauteilbezüge und Konstruktionsdetails. Keine frei erfundenen Kennzahlen.
- Sprache: du/dein, kurze konkrete Sätze. „Dein Betrieb. Dein System.“ /
  „Bis an die Schnittkante.“ Keine „revolutionäre All-in-one-Lösung“ und
  keine unbelegten Marktführerschafts- oder Zeitersparnis-Aussagen.

## Erweiterte Dateien
Je Marke: vier Wortmarken (hell/dunkel/einfarbig schwarz/einfarbig weiß),
Profilbild 512 × 512, Markenübersicht 1600 × 1000 und Social-Motiv 1080 × 1080.
Alle Motivschriften sind Vektorpfade. Die Social-Motive sind fertige
Gestaltungsbeispiele, keine editierbaren CAD-Projekte. SVGs lassen sich in
Vektorprogrammen öffnen; für Änderungen an Texten die beigelegte DM Sans nutzen.
brandbook.html ist ein offline lesbares und druckbares Markenhandbuch.
Das Gesamtpaket enthält beide Marken; lule-kit.zip und lulecad-kit.zip
enthalten jeweils die betreffende Marke und die gemeinsamen Grundlagen.