// our_look_and_feel

42 Wolfsburg
Markenrichtlinien.

Das visuelle System: Farbe, Farbverlauf, Oberfläche, Schriftart, Layout, Symbole und Aufbau der Folien. Alles hier basiert auf bereits veröffentlichten Arbeiten, sodass Sie mit einer Nachahmung genau ins Schwarze treffen. Das Feld hinter dieser Überschrift ist der charakteristische Farbverlauf in Abschnitt 02 – die Seite folgt ihren eigenen Regeln.

v4.0 · 2026 Betreut von Brand & Comms Fragen → vlad@42wolfsburg.de
// 01_colour

die Palette.

Sechs Farbtöne. „Ink“, „Lavender Mist“ und „Soft Sky“ bilden die Grundlage, „Fresh Sky“ und „Royal Blue“ stehen für die Marke, und „Amber“ ist ausschließlich für eine einzige Aufgabe reserviert. Wenn eine Volltonfarbe nicht auf dieser Liste steht, gehört sie nicht zu unserem Farbspektrum. Das in Abschnitt 02 festgelegte Farbverlaufsset fügt Zwischenblautöne hinzu, die nur innerhalb eines Farbverlaufs vorkommen, niemals als Füllfarbe.

Kern
Tintenschwarz
#001011 · rgb(0, 16, 17)

Der gesamte Lauftext und die Überschriften. Dunkle Abschnittshintergründe. Ein ganz leicht blaugrünes Schwarz, kein reines #000, und dieser Unterschied macht sich bei größerer Darstellung bemerkbar.

primär
Frischer Himmel
#64B2E2 · rgb(100, 178, 226)

Die charakteristische Farbe. Akzente in Überschriften, die hervorgehobene Hälfte einer zweifarbigen Überschrift, „Augenbrauen“ auf dunklem Hintergrund, Endpunkte mit Farbverlauf.

primär
Königsblau
#5467DE · rgb(84, 103, 222)

Augenbrauen bei „Light“- und „Hover“-Zuständen, Links, nummerierte Markierungen, Haarlinien. Das Bindeglied zwischen den Elementen.

Oberfläche
Lavendelnebel
#F7F0F5 · rgb(247, 240, 245)

Der Hintergrund in warmem Licht. Wärmer als Weiß, wodurch lange Seiten nicht zu steril wirken. Weiß ist den Karten vorbehalten, die darauf liegen.

Oberfläche
Sanfter Himmel
#EAF5FA · rgb(234, 245, 250)

Der kühle, helle Hintergrund. Wird für UI-Karten, informative Textfelder und alternative Abschnitts-Hintergründe verwendet, wenn ein klarerer Ton gewünscht ist.

eingeschränkt
Bernsteinfarbene Flamme
linear-gradient(135deg)
#FF7A00 · 0 % #FFB30F · 55 % #FFD24A · 100 %

Nur die Schaltflächen „Bewerben“ und „Registrieren“, jeweils eine pro Bildschirm. Das auffälligste Element im System – und es funktioniert, weil es keine Konkurrenz gibt.

tun

  • Füge „Fresh Sky“ in die zweite Hälfte einer Überschrift ein: inside 42 wolfsburg.
  • Verwende „Royal Blue“ für die // Augenbraue über einer Überschrift auf hellem Hintergrund.
  • Verwenden Sie „Amber“ für Anwendungs- und Registrierungsaktionen, jeweils eine pro Bildschirm.
  • Verwenden Sie abwechselnd „Lavender Mist“ und „Soft Sky“ als Hintergründe für die einzelnen Abschnitte, um die Inhalte auf natürliche Weise voneinander abzugrenzen.
  • Versehne jede helle Oberfläche mit einer feinen Kante, damit sie sich nicht auflöst.

nicht

  • Verwenden Sie reines Schwarz. „Ink Black“ hat die Farbe #001011 und das war schon immer so.
  • Fügen Sie die Farben Blaugrün, Mint oder eine beliebige Grüntönung hinzu. Diese sind in diesem System nicht enthalten.
  • Füge „Amber“ in eine Überschrift, einen Rahmen, ein Symbol oder einen Hintergrund ein.
  • Amber auf dem Bildschirm einfarbig darstellen. Es handelt sich überall dort um einen Farbverlauf, wo ein Farbverlauf dargestellt wird.
  • Verwende Berlins Lila oder Fuchsia für ein Wolfsburger Element.
  • Füge einem Foto einen Farbton hinzu, damit es in die Farbpalette passt.
// 02_gradients

der Gradientensatz.

Sechs Farbverläufe, die alle bereits auf der gesamten Website, im Master-Deck und in den Einführungsfolien verwendet werden. Jeder Zwischenwert ist genau angegeben, sodass ein Farbverlauf in Slides, Figma oder CSS nachgebildet werden kann, ohne einen Screenshot als Vorlage zu benötigen. Sie verlaufen alle auf derselben Diagonale von 135° bis 140°, wodurch sie als Familie wahrgenommen werden und nicht als sechs voneinander unabhängige Füllfarben. Die mittleren Zwischenwerte sind Interpolationen zwischen den Palettenwerten und gehören ausschließlich zu den Farbverläufen. Keiner von ihnen ist eine Volltonfarbe, die man für sich allein verwenden kann.

01
Signaturfeld
Das Hauptbild auf der Startseite, das Hauptbild der Kampagne, die Zeitleiste zum Jubiläum. Das, was die Leute wiedererkennen.
#0010110 % · rgb(0, 16, 17)
#101F6B30 % · rgb(16, 31, 107)
#2F4BDC62 % · rgb(47, 75, 220)
#64B2E2100 % · rgb(100, 178, 226)
02
Markenüberblick
Kleine Flächen: Glasknöpfe, Symbolfüllungen, Balkendiagramme, Hervorhebungslinien. Die beiden Grundfarben, sonst nichts.
#5467DE0 % · rgb(84, 103, 222)
#64B2E2100 % · rgb(100, 178, 226)
03
Tiefraum
Dunkle, ausdrucksstarke Folien und Abschlussbilder. Ausgewogen durch genau die richtige Menge an Blautönen im Mitteltonbereich, um auf dem Bildschirm hervorzustechen und gleichzeitig einen tiefen Hintergrund zu bilden.
#0010110 % · rgb(0, 16, 17)
#0D1E4C50 % · rgb(13, 30, 76)
#1F3883100 % · rgb(31, 56, 131)
04
königliche Dämmerung
Abschnittstrennwände und Unterteilungen im mittleren Bereich. Befindet sich zwischen dem „Deep Field“ und dem „Signature Field“, sodass es von beiden Seiten her abgestuft ist.
#10225F0 % · rgb(16, 34, 95)
#4E86D8100 % · rgb(78, 134, 216)
05
Himmelswaschung
Helle Folien mit viel Text. Platzieren Sie das „Fresh Sky“-Ende in einer Ecke und den Text auf dem helleren Ende.
#F7F0F50 % · rgb(247, 240, 245)
#B9DCF255 % · rgb(185, 220, 242)
#64B2E2100 % · rgb(100, 178, 226)
06
Mit offener Flamme nur unter bestimmten Bedingungen verwenden
Nur die Schaltflächen „Anwenden“ und „Registrieren“. Je eine pro Bildschirm. Wenn an einer anderen Stelle die Farbe „Amber“ erscheint, ist das Layout falsch. Es handelt sich um denselben Farbverlauf, der in Abschnitt 01 als „Amber Flame“ beschrieben ist.
#FF7A000 % · rgb(255, 122, 0)
#FFB30F55 % · rgb(255, 179, 15)
#FFD24A100 % · rgb(255, 210, 74)

Gebäude eins

  • Stellen Sie den Winkel auf 135° bis 140° ein . Das gilt für alle Steigungen in diesem Set.
  • Dunkler Stop oben links, heller Stop unten rechts. Der Text kommt auf die dunkle Seite.
  • In Google Slides: „Hintergrund“ → „Farbverlauf“ → „Benutzerdefiniert“ und dann die oben genannten Zwischenfarben eingeben.
  • Kopiere alle Stufen, auch die mittleren. Wenn du eine Stufe weglässt, ändert sich der Farbverlauf.
  • Fügen Sie oben sanfte radiale Überblendungen hinzu, um Tiefe zu erzeugen – niemals zusätzliche Farbtöne.
  • Verwischen Sie jeden Bloom-Effekt stark. Eine sichtbare Kante wirkt wie ein Fehler.

niemals

  • Fügen Sie einen Farbton hinzu, der nicht zu dieser Gruppe gehört. Die oben genannten Zwischenfarben sind Abstufungen zwischen „Ink“, „Royal Blue“ und „Fresh Sky“; Grün-, Blaugrün- und Warmtöne gehören nicht dazu.
  • Wähle einen mittleren Stopp aus und verwende ihn als Volltonfarbe. Diese sind nur innerhalb eines Farbverlaufs verfügbar.
  • Führen Sie einen Farbverlauf vertikal oder horizontal aus. Er wird sofort abgeflacht.
  • Platzieren Sie den weißen Lauftext über dem hellen Rand des Himmelshintergrunds.
  • Füge die Farbe „Bernstein“ in einen beliebigen anderen Farbverlauf ein.
  • Füge zwei verschiedene Farbverläufe in einem Bild übereinander ein.
// 03_surfaces

Oberflächen & Tiefe.

Wie sich die Ebenen übereinanderlagern. Die Oberfläche ist die Seite, Weiß ist die Karte, die Tinte ist die Aussage. Tiefe entsteht durch sanfte Schatten und großzügige Radien, niemals durch Rahmen, die die Hauptarbeit leisten.

die drei Schichten

  • Seite. „Lavender Mist“ #F7F0F5, „Soft Sky“ #EAF5FA oder ein Farbverlauf.
  • Weiß, Radius 20 bis 24 px, 1 px feine Linie bei 8 % Farbdeckung.
  • Statement. Tinte oder das „Deep Field“, sparsam eingesetzt, um Kontrast zu erzeugen.

Schatten-Rezept

  • Standard: 0 10px 30px rgba(0,16,17,0,03).
  • Hover: 4px anheben, auf 0 vertiefen, 20px, 45px bei 12 %.
  • Schatten sind blauschwarz, niemals neutralgrau.

Radiusskala

  • 100px -Elemente: Schaltflächen, Chips, Tags.
  • Karten und Bilderrahmen im Format 20 bis 24 px.
  • Kleine Kacheln und Farbfelder mit einer Größe von 14 bis 16 px.
  • Die Ecken eines Inhaltsblocks dürfen niemals rechtwinklig sein.

vorgefertigte Hintergründe

Flache Bilder für Folien und soziale Medien. Verwenden Sie diese, anstatt jedes Mal einen neuen Farbverlauf zu erstellen.

Hintergrund mit sanftem Pastellverlauf, hell
Lichtstreuung 01
Hell und weich. Am besten geeignet für Folien mit viel Text.
Kühler Pastell-Farbverlaufshintergrund mit Himmelstönen
Lichtstreuung 02
Kühler, mit mehr „Fresh Sky“ darin. Gut geeignet für Titelbilder.
Dunkler Hintergrund mit Strukturraster
dunkle Struktur
Für Abschnittsumbrüche und Folien zur Architektur. Ausschließlich weiße Schrift.
// 04_typography

Zwei Gesichter, ein System.

Swiza ist die Marke. Space Mono ist die zugrunde liegende Schriftart. Space Grotesk springt für Swiza ein, wo Swiza nicht installiert werden kann, was in der Praxis Google Slides, Docs und die Website bedeutet.

01 / Anzeige
Swiza Black

Jede Schlagzeile, auf jeder Fläche. Das lizenzierte Markenlogo.

  • Überschriften und Display-Schrift: 900. Kartentitel und Unterüberschriften können mit 800 gesetzt werden. Keine Überschrift wird in einer noch leichteren Schriftart gesetzt.
  • Der Zeichenabstand wurde auf -0,03 em bzw. -0,04 em verringert.
  • Die Groß-/Kleinschreibung hängt vom Kontext ab. Siehe das Feld unten.
02 / Fallback + Body
Space Grotesk

Der gesamte Fließtext sowie der obligatorische Platzhalter für „Swiza“ in Google Workspace und im Internet.

  • Kostenlos bei Google Fonts, sodass es auch beim Teilen einer Präsentation erhalten bleibt.
  • 400 für den Fließtext, 500 für hervorgehobene Überschriften, 700 für Ersatzüberschriften.
  • Der Fließtext wird immer in Satzgroßbuchstaben geschrieben.
03 / System
Space Mono_

Etiketten, Augenbrauen, Datumsangaben, Knöpfe. Die oberste Ebene, die der Marke einen durchdachten Charakter verleiht.

  • Füge den Augenbrauen das Präfix „//“ hinzu und verwende „snake_case“: // media_stream.
  • Schriftgröße 700. Großbuchstaben werden mit einem Abstand von 1,2 px bis 2 px gesetzt, der mit abnehmender Schriftgröße kleiner wird. Kleinbuchstaben in Monospace-Schrift – Hex-Codes, Anzeigen, Zahlen – werden ohne Abstand gesetzt.
  • Auf keinen Fall für Einzelfiguren. Das sind Swiza.

casing: Die Stimmung einschätzen.

Die Verwendung von Kleinbuchstaben ist ein gestalterisches Mittel, keine allgemeingültige Regel. An der richtigen Stelle verleiht sie dem Text künstlerisches Gewicht, an der falschen Stelle untergräbt sie hingegen die Glaubwürdigkeit.

// lowercase · brand moments
Lasst uns die Zukunft programmieren.

Website-Heroes, Kampagnenüberschriften, Abschnittsüberschriften, Grafiken für soziale Medien, Veranstaltungsbildschirme. Überall dort, wo die Schrift eher eine ausdrucksstarke als eine informative Funktion erfüllt. Endet mit einem Punkt, enger Zeichenabstand, Schriftstärke 900.

// title or sentence case · formal
Partnerschaftsübersicht 2026

Präsentationen, Berichte, Vorschläge, Unterlagen für Partner und den Vorstand, Dokumentenkopfzeilen, Tagesordnungen, Zertifikate. Hier sind die Schreibweise „Standard Title Case“ oder „Sentence Case“ korrekt und erwartet. Lesbarkeit hat Vorrang vor Stil.

Regeln festlegen

  • Der Fließtext darf maximal 65 bis 70 Zeichen pro Zeile umfassen.
  • Zeilenhöhe 1,6 bis 1,7 für den Fließtext, 1,05 bis 1,1 für die Anzeige.
  • Je größer die Schrift, desto enger der Zeichenabstand. Je kleiner die Schriftart „Mono“, desto enger ist auch der Zeichenabstand.
  • Wählen Sie pro Dokument eine Schreibweise für Groß- und Kleinschreibung aus und halten Sie diese durchgehend ein.

vermeiden

  • Kleinbuchstaben in einem Partnervorschlag oder einer Präsentation für den Vorstand.
  • Vermischung von Kleinbuchstaben und Großbuchstaben in Überschriften innerhalb eines Dokuments.
  • „Space Mono“ für Absätze. Es handelt sich um eine Beschriftungsschrift, nicht um eine Leseschrift.
  • Swiza unter 800 für alles, was als Überschrift dient.
  • Der Fließtext wird zentriert. Überschriften können zentriert werden, Absätze hingegen nicht.
  • Alles, was länger als eine kurze Bezeichnung ist, wird in GROSSBUCHSTABEN geschrieben.
// 05_type_scale

Größen und Gewichte.

Der Arbeitsmaßstab, gemessen anhand der Live-Seite. Bei Webgrößen kommt eine Klemme zum Einsatz, sodass sie sich zwischen Mobilgeräten und Desktop-Computern anpassen. Die PT-Äquivalente basieren auf einer Folie mit den Maßen 13,33 × 7,5 Zoll. Orientieren Sie sich an der Spalte „Spezifikation“ auf der rechten Seite und nicht an den Maßen des Beispiels: Die beiden Anzeigezeilen werden kleiner als in ihrer tatsächlichen Größe dargestellt, damit sie auf diese Seite passen.

Anzeige.
H1 / HERO
clamp(3rem, 7vw, 5,8rem)
Gewicht 900 · Tracking -0,045em
Zeilenhöhe 0,95 · Folien 60–76pt Das gezeigte Beispiel ist verkleinert
Abschnittsüberschrift
H2 / ABSCHNITT
clamp(2,2 rem, 4,5 vw, 3,8 rem)
weight 900 · tracking -0,03 em
line-height 1,05 · Folien 36–44 pt Das gezeigte Beispiel ist verkleinert
Kartentitel
H3 / CARD
1,3 rem bis 1,6 rem
Gewicht 800–900 · Zeichenabstand -0,02 em
Zeilenhöhe 1,25 · Folien 20–24 pt
Fließtext. Die gängigste Schriftgröße, die für komfortables Lesen ausgelegt ist und auf etwa siebzig Zeichen pro Zeile begrenzt ist.
BODY
1,05 rem lede · 0,93 rem dense
Schriftstärke 400–500 · Zeichenabstand 0
Zeilenhöhe 1,65 · Folien 14–16 pt
// eyebrow_label
EYEBROW
0,78 rem bis 0,85 rem
Space Mono 700 · Zeichenabstand +2 px
Großbuchstaben · Folien 10–12 pt
META · 12. August · 04 / 15
META / BILDUNTERSCHRIFT
0,66 rem bis 0,72 rem
Space Mono 700 · Zeichenabstand +1,2 bis +1,4 px
Seitenzahlen, Datumsangaben, Fußzeilen · Folien 9–10 pt
600+
STAT / ABBILDUNG
3,5 rem bis 4,5 rem
Swiza 900, niemals mono · Abstand -0,04 em
Beschriftung darunter in mono bei 0,7 rem
// 06_layout

Raster & Abstände.

Ein Container, eine Rinne, ein Rhythmus. Fast jedes Layout-Problem entsteht dadurch, dass jemand eine neue Breite erfindet, anstatt die bereits vorhandene zu verwenden.

px 1200 Maximale Breite des Containers. Diese darf niemals vergrößert werden.
px · Desktop / Mobil 40/24 Regenrinne auf beiden Seiten des Containers.
px 110 Absatzabstand, der auf Mobilgeräten auf 74 sinkt.
px 20 Rasterabstand zwischen den Karten an jedem Breakpoint.

Spaltenanzahl

  • Vier für Statistik- und Kurzbeschreibungskarten.
  • Drei für Karten, auf denen ein Absatz steht.
  • Zwei für alles, was ein Bild oder eine lange Liste enthält.
  • Auf zwei bei 991px und einen bei 700px reduzieren.

Ausrichtung

  • Standardmäßig linksbündig. Das ist die Standardausrichtung.
  • Augenbraue, Überschrift und Textkörper haben eine gemeinsame linke Kante.
  • Beschränken Sie sich ausschließlich auf abschließende Sätze und kurze Aussagen.
  • Ein Absatz, der länger als zwei Zeilen ist, darf niemals zentriert werden.

Atempause

  • Abstand zwischen Überschrift und Unterüberschrift: 18 bis 20 px.
  • Schriftgröße des Haupttextes: 16 bis 22 px.
  • Abstand des Haupttextes zum darunterliegenden Raster: 44 bis 56 px.
  • Kartenabstand: 34px, auf Mobilgeräten 26px.
// 07_icons

Symbole und Glyphen.

Zwei Familien. Linien-Symbole haben eine Bedeutung, Endzeichen haben Charakter. Keines von beiden dient nur der Zierde: Wenn ein Symbol seinen Zweck nicht erfüllt, sollte man es entfernen.

Zeilensymbole

Nur Umriss, niemals ausgefüllt. ViewBox 24 × 24, 2-Pixel-Umriss, abgerundete Enden und Verbindungsstellen. Die Farbe wird vom umgebenden Text übernommen, sodass ein Symbol auf hellem Hintergrund „Royal Blue“ und auf dunklem Hintergrund „Fresh Sky“ annimmt. Die folgenden Symbole wurden mit „currentColor“ gezeichnet, wodurch diese Farbübernahme funktioniert: Legen Sie die Farbe für das übergeordnete Element fest, und das Symbol passt sich entsprechend an.

Terminal
Suche
erweitern
weiter
Datum
Ort

Terminal-Zeichen

In der Schriftart „Space Mono“ gesetzt, nicht gezeichnet. Das sind die Zeichen, durch die ein Asset innerhalb einer halben Sekunde als „42“ erkannt wird.

//Augenbraue
>Listenelement
>_Eingabeaufforderung
_Cursor
→cta
↗extern

tun

  • Verwenden Sie pro Asset jeweils nur eine Icon-Familie.
  • Zeichne Symbole mit „currentColor“, damit sie die Farbe übernehmen.
  • Passen Sie die Strichstärke an die daneben angegebene Schriftstärke an.
  • Verwende → für interne Links und ↗ für externe Links.
  • Ein abschließendes „_“ soll in Überschriften ein aktives Terminal kennzeichnen.

nicht

  • Verwenden Sie gefüllte oder zweifarbige Symbolsätze.
  • Weisen Sie dem Symbol selbst eine Strichfarbe zu.
  • Füge Emojis zu Folien, Beiträgen oder der Website hinzu.
  • Färbe ein Symbol bernsteinfarben ein.
  • Füge neben jeder Überschrift ein Symbol ein. Dadurch verlieren sie ihre Bedeutung.
// 08_slide_anatomy

Präsentationslayouts.

Sechs Wireframes, die nahezu alle von uns erstellten Präsentationen abdecken. Nutzen Sie diese als Grundlage, anstatt bei Null anzufangen. Bei jedem Wireframe bleiben der linke Rand, die Position der „Augenbraue“ und die Fußzeile gleich, sodass eine Präsentation auch dann ein einheitliches Erscheinungsbild behält, wenn sich der Inhalt ändert. Die Felder dahinter entsprechen den Farbverläufen aus Abschnitt 02, sodass ein Wireframe hier anhand der dort aufgeführten Haltepunkte neu erstellt werden kann.

Umschlag
Signaturfeld, zweizeilige Überschrift, eine Zeile Begleittext, ein gelber CTA. Sonst nichts.
02
Abschnittstrennlinie
Deep Field, eine große Swiza-Ziffer und der Name des Abschnitts. Duplizieren und neu nummerieren.
drei Karten
Der Standard-Inhaltsrahmen auf dem Hintergrund „Flat Lavender Mist“. Bei Karten, die einen Absatz enthalten, liegt die Obergrenze bei drei.
Statistikzeile
Vier Ziffern in „Swiza“, darunter „mono“-Aufdrucke. Die Zahlen sind groß, alles andere ist dezent.
Bild und Text
Foto links, Text rechts, Hintergrundbeleuchtung. Auf Bildgröße zuschneiden, kein Lichtfilter erforderlich.
Abschluss
Tiefes Feld, ein Satz, Kontaktlinie. Der Gegenpol zum Titelbild.

Deck-Regeln

  • Eine Idee pro Folie. Wenn es zwei sind, braucht es zwei Folien.
  • Die Fußzeile und die Seitenzahl sollten auf jeder Inhaltsfolie beibehalten werden.
  • Helle Karten offen, dunkle Karten geschlossen – oder umgekehrt. Verleihe dem Kartenspiel einen Rahmen.
  • Amber taucht einmal im Kartenspiel auf, auf der Folie mit der Frage.
  • Erstellen Sie das Feld anhand der Markierungen in Abschnitt 02, nicht nach Augenmaß.
  • Verwenden Sie in formellen Präsentationen Überschriften in Groß- und Kleinschreibung. Siehe Abschnitt „Typografie“.

nicht

  • Lege mehr als vier Karten hintereinander.
  • Verringern Sie die Schriftgröße des Fließtextes auf unter 14 pt, damit der Text passt. Kürzen Sie den Text.
  • Wechsle die Farbverläufe von Folie zu Folie. Wähle einen Rhythmus und behalte ihn bei.
  • Ersetze „Lavender Mist“ durch schlichtes Weiß auf hellen Folien.
  • Füllen Sie Leerräume aus. Leerzeichen haben eine Funktion.
// sister_campuses

Wolfsburg und Berlin.

Zwei Standorte, ein Verband, ein Konzept. Die Systeme sind bewusst einheitlich aufgebaut und bewusst unterschiedlich farblich gestaltet, sodass ein Element zunächst als „42“ und erst in zweiter Linie als Zugehörigkeit zu einem Standort wahrgenommen wird. Der schnellste Test: Blau steht für Wolfsburg, Violett für Berlin.

42 Wolfsburg.

// blue_system
Akzent
„Fresh Sky“ #64B2E2 mit „Royal Blue“ #5467DE
Oberfläche
Lavendelnebel #F7F0F5 über Tintenschwarz #001011
Farbverlauf
Tinte zu „Fresh Sky“ auf einer Diagonale von 140°
fühlen
Cool, technisch ausgereift, mit engem Bezug zur Industrie direkt vor der Haustür.

42 Berlin.

// purple_system
Akzent
Lila #8E44AE mit zartem Flieder #C9B6E4
Oberfläche
Weiß über Tinte Schwarz #0A0A0A
Farbverlauf
Tinte bis zartes Flieder, gleiche Diagonale, violetter Mittelpunkt
fühlen
Wärmer und kontrastreicher, mit Akzenten in Fuchsia und Cyan.

Was die beiden gemeinsam haben und auch weiterhin gemeinsam haben müssen

  • Swiza und Space Mono. Gleiche Zeichenformen, gleiche Strichstärken, gleicher enger Zeichenabstand.
  • Die oberste Ebene. // Augenbrauen, Bezeichnungen im Snake-Case-Format, Cursor, Klammern.
  • Die Diagonale von 140°. Beide Gradientensysteme verlaufen im gleichen Winkel.
  • Amber Flame #FFB30F. Die Farbe, die in beiden Systemen verwendet wird, sowie der eine warme Farbton, den beide Campusse nutzen.
  • Linksbündige Ausrichtung als Standardposition für alles.
  • Zahlen in „Swiza“, Beschriftungen einfarbig, beidseitig.

Wenn sich Campusse begegnen

  • Gemeinsames Markenzeichen, gemeinsames Publikum: Verwenden Sie neutrale Tinte und Weiß, und lassen Sie beide Logos die Farbe tragen.
  • Wolfsburger Publikum: immer das blaue System.
  • Behalte die gemeinsame Struktur bei und tausche nur die Farbpalette aus.

niemals

  • Kombinieren Sie blaue und violette Akzente in einem einzigen Layout.
  • Ändern Sie die Farbe des Berlin-Logos in Blau oder die des Wolfsburg-Logos in Lila.
  • Verwende ein Berlin-Kartenspiel erneut, indem du das Logo austauschst und die Farbpalette beibehältst.
  • Beschreiben Sie die Campusse als Konkurrenten. Sie bilden einen Verband.