Alle Werte dieser Seite sind aus dem Elementor-Kit 6 (post-6.css) und den
seiten-eigenen Stylesheets (post-4.css, post-122.css) der Live-Website
extrahiert — nichts geschätzt. Diese Seite ist die verbindliche Grundlage für alle
weiteren Design- und Kommunikationsentscheidungen.
Petrol ist die Markenfarbe und trägt Buttons, Links und Akzente. Dazu kommen vier Bedeutungsfarben — jede steht für eine der vier Säulen der Arbeit. Sie sind nicht austauschbar, sondern tragen Bedeutung.
#00A0B0#007D8A#181818#000000#F1F0EC#FFBC7D#88B04B#00A0B0#F0CD5B#FF5E0EFür H2 auf getönten Flächen wird ein hellerer Ton derselben Bedeutung verwendet — sonst fehlt der Kontrast.
#98BD3B#FF7023#00A0B0 erreicht auf Weiß nur 3,0:1.
Damit ist es für Fließtext ungeeignet. Petrol gehört auf Buttons, Linien, Icons und
Überschriften ab etwa 24 px — nicht in Absätze.
Die Wortmarke ist schwarz und liegt als PNG (transparent) vor. Für dunkle Flächen gibt es eine weiße Fassung. Alle Dateien stehen hier zum Download bereit.
Die Bildmarke ist eine separate Artwork-Ebene und deutlich grüner
(~#7CB342) als der UI-Akzent #00A0B0. Beide sind real, aber
nicht austauschbar: Die Bildmarke ist Illustration, Petrol ist Bedienfarbe.
Eine einzige Schriftfamilie trägt die gesamte Marke: Mulish. Sie ist als variable Schrift lokal eingebunden — kein Aufruf an Google. Die Hierarchie entsteht über Gewicht und Größe, nicht über einen Schriftwechsel.
Im Kit sind zusätzlich Nunito und B612 registriert. Sie werden punktuell eingesetzt und sind ebenfalls lokal eingebunden — nicht als zweite Markenschrift verstehen.
Phosphor Icons (Regular) — lokal eingebunden. Verwendet wird nur, was eine Bedeutung trägt; dekorative Icons ohne Funktion gehören nicht dazu.
Drei Varianten. Der Radius ist immer 0 — das scharfe Eck ist ein Markenmerkmal aus dem Kit und wird nirgends aufgeweicht.
Gefüllte Badges tragen weiße Schrift und immer eine der Bedeutungsfarben. Sie sind laut, deshalb sparsam einsetzen.
Schlichte Rahmen, kein Radius. Der Fokus wird allein über die Rahmenfarbe gezeigt — Petrol statt Systemblau.
Die Marke kennt genau einen Radius: 0. Keine Rundungen an Karten, Buttons, Feldern oder Bildern.
Grundmaß ist 4px. Sektionsabstände liegen zwischen 95 und 250 px — die Seite braucht viel Luft, das ist Teil der Wirkung.
Zurückhaltend und schnell. Kein Federn, kein Überschwingen — die Bewegung soll die Seite nicht lauter machen.
Karten und Navigation. Beide tragen keine Rundung und keinen Schatten im Ruhezustand.
Vier Bewegungen, alle beim Überfahren ausgelöst. Dauer 0,45 s mit der
Standardkurve cubic-bezier(.16,1,.3,1).
Sechs Dinge, die diese Marke ausmachen. Wer sie bricht, bekommt eine andere Marke.
Alle Werte, Texte, Assets und Links dieses Projekts als strukturierte Datei — als Grundlage für KI-Werkzeuge, Übersetzungen und die Weitergabe an Dienstleister.