Styleguide
Im Styleguide haben wir definiert, wie unsere Brand Personality in Designprinzipien übertragen wird. Wir zeigen dir hier die wichtigsten Grundregeln, um der Marke Allright den richtigen Anstrich zu verpassen. Bitte halte dich an die definierten Designregeln und trage Sorge dafür, dass die Marke über alle Touchpoints hinweg konsistent und professionell auftritt.
Logo
Ähnlichkeit mit Flightright
Das Allright-Logo wurde bewusst so gestaltet, dass es starke Ähnlichkeiten mit dem Flightright-Logo aufweist. Diese Verbindung zeigt, wo unser Unternehmen seine Wurzeln hat und schafft gleichzeitig Vertrautheit bei unseren langjährigen Kunden.
Piktogramm in der Flagge
Die Flagge im Logo enthält ein vereinfachtes Piktogramm, welches einen einzelnen Haken darstellt. Dieser Haken symbolisiert das “all good” Gefühl, das Allright seinen Kunden vermittelt. Er steht für die Zuverlässigkeit, die wir bieten, und die Gewissheit, dass alles in Ordnung ist, wenn man sich auf uns verlässt.
Fontmix
Das Wort “Allright” im Logo besteht aus einem sorgfältig ausgewählten Mix aus den zwei Schriftschnitten Light und Medium. Diese Kombination verleiht unserem Logo eine einzigartige visuelle Identität.
Farbgestaltung im Logo:
Das Logo kann in drei möglichen Farbvarianten verwendet werden. In der Primärversion des Logos ist der Schriftzug schwarz, die Flagge trägt den Farbton Allright-Blue. Außerdem kann das Logo in Schwarz oder Weiß verwendet werden, abhängig von der Helligkeit des Hintergrundes.
Farben
Das Allright Blue ist unsere Primärfarbe und das Herzstück unserer Farbwelt. Es repräsentiert die Tiefe und die Verlässlichkeit unserer Dienstleistungen. Dieser sattblaue Farbton steht für Entschlossenheit und Mut. Er erinnert an das Gefühl von Sicherheit und Vertrauen, das unsere Kunden bei uns finden. Dieses Blau ist in unserem Logo präsent und verankert unsere Identität als vertrauenswürdiger Partner für Rechtsfragen.
All Good Blue ist der sanfte, beruhigende Begleiter in unserer Farbwelt. Die Farbe erzeugt eine Atmosphäre des Friedens und des Verstehens, die unsere Kunden in allen Interaktionen mit Allright spüren sollen. Wir verwenden “All Good Blue” für Hintergründe und Formfüllungen, um unsere Botschaften klar und einladend zu präsentieren.
Unser frisches und aktivierendes Shiny Green symbolisiert unseren Optimismus und unsere Bereitschaft, Kunden bei ihren rechtlichen Herausforderungen zu unterstützen. Diese Farbe strahlt Energie und Entschlossenheit aus und ermutigt unsere Kunden dazu aktiv zu werden und ihre Rechtsprobleme anzugehen. Deshalb nutzen wir diesen Ton für Call-to-Action Buttons.
Und auch das sanfte Sunny Yellow ist ein Symbol für unseren Optimismus und unseren freundlichen, persönlichen Service. Diese Farbe soll Freude und Zuversicht vermitteln. Sie erinnert daran, dass Allright immer an der Seite unserer Kunden steht, um sie auf Ihrem rechtlichen Weg zu begleiten. Wir nutzen das Gelb für Highlights und CTAs.
Farben im Überblick
Im Folgenden findest du die wichtigsten Farben und Farbwerte im Überblick. Weitere Farbabstufungen (z. B. für digitale Umsetzungen, wie Websites, E-Mails oder Apps) sind in der Components Library in Figma definiert.
Serious Dark Blue
Texte
Digital
R 0, G 0, B 115
#000073
Druck
C100 M90 Y30 K20
Pantone 281 C
Allright Blue
Logofarbe, Hintergründe
Digital
R 0, G 32, B 153
#002099
Druck
C100 M90 Y0 K0
Pantone Blue 072 C
Peace Blue
Hintergründe, Grafiken
Digital
R 0, G 94, B 255
#005eff
Druck
C90 M70 Y0 K0
Pantone 2728C
All Good Blue
Hintergründe, Grafiken
Digital
R 125, G 176, B 255
#7db0ff
Druck
C45 M15 Y0 K0
Pantone 278 C
Active Green
Highlightfarbe
Digital
R2 G255 B104
#02ff68
Druck
C55 M0 Y52 K0
Pantone 346C
Shiny Green
Highlightfarbe (50% von Active)
Digital
R134 G255 B180
#86ffb4
Druck
C37 M0 Y29 K0
Pantone 352C
Yippie Yellow
Highlightfarbe
Digital
R255 G227 B89
#ffe359
Druck
C0 M7 Y70 K0
Pantone 128 C
Sunny Yellow
Highlightfarbe (50% von Yippie)
Digital
R255 G243 B171
#fff3ab
Druck
C1 M4 Y45 K1
Pantone 7402 C
Designelemente
Kreis: Der Kreis ist das primäre Gestaltungselement in unserem Design. Als einfachstes geometrisches Objekt bringt er Leichtigkeit und das Gefühl von „im Flow sein“ in unsere Gestaltung. Wir verwenden den Kreis in verschiedenen Variationen, sei es als Hintergrundelement, um Bilder und Text zu trennen, oder um Sektionen miteinander zu verbinden. Darüber hinaus kann der Kreis als Bildmaske dienen, um visuelle Elemente in einem harmonischen Rahmen darzustellen.
Abgerundete Ecken sind ein weiteres signifikantes Designmerkmal, das sich im Weblayout wie Buttons, CTAs oder Cards und sogar im Allright Logo wiederfindet. Diese abgerundeten Ecken verleihen unseren Designelementen einen freundlichen und einladenden Charakter.
Farbflächen: Wir nutzen Farbflächen gezielt, um visuelle Akzente zu setzen und Informationen hervorzuheben.
Highlighting: Bestimmte Headlines können mit einer Art Textmarker-Effekt hervorgehoben werden. Dieses Highlighting kann in Shiny Yellow oder Light Green (abhängig von der entsprechenden HIntergrundfarbe) eingesetzt werden.
Bildsprache
In unseren visuellen Darstellungen wählen wir Bilder aus, die zufriedene Personen zeigen. Wir möchten sicherstellen, dass das gute Gefühl, das unsere Kunden nach der Nutzung unseres Services haben werden, im Vordergrund steht, nicht die Frustration, die aufgrund des Rechtsproblems aufkommt. Wir denken in Lösungen, nicht in Problemen.
Personen können zur Kamera blicken oder seitlich schauen. Wir legen großen Wert auf Diversität in unseren Bildern. Dies beinhaltet einen Altersmix, verschiedene ethnische Herkünfte und Geschlechterdarstellungen. Unsere Bilder sollen die Vielfalt unserer Kunden und unsere Haltung zu diesem gesellschaftlich wichtigen Thema wiederspiegeln.
Wir setzen auf Freisteller oder verschwommenen Hintergrund (Bokeh-Effekt), um den Fokus auf die abgebildeten Personen zu legen. Der Hintergrund sollte jedoch so gewählt sein, dass er zum jeweiligen Kontext des Rechtsgebiets passt. Das bedeutet, dass der Hintergrund Informationen liefern kann, die den Betrachter über das spezifische Rechtsgebiet informieren, ohne von den Hauptpersonen abzulenken. Wenn möglich, bilden wir Einzelpersonen ab.
Icons
Unsere Icons sind bewusst einfach und reduziert gehalten. Wir setzen auf klare Linien und minimale Details, um die Informationen präzise und leicht verständlich zu vermitteln. Die runden Formen vermitteln ein freundliches und einladendes Gefühl und passen gut zu unserem wiederkehrenden Designelement des Kreises. Dies unterstützt unsere Markenbotschaft von Einfachheit und Verständlichkeit.
Unsere Icons sind so gestaltet, dass sie visuell mit anderen Gestaltungselementen harmonieren und ein konsistentes Erscheinungsbild schaffen. Dies erleichtert die Erkennbarkeit und Verwendung der Icons in verschiedenen Kontexten und Anwendungen über alle Rechtsgebiete hinaus.
Typografie
Wir verwenden für alle Anwendungen die Google Font Ubuntu.
Diese zeichnet sich durch eine harmonische Mischung aus moderner Eleganz und klarer Lesbarkeit aus. Charakteristisch sind die sanft abgerundeten Buchstabenformen und eine ausgewogene Linienstärke. Diese Font verkörpert schlichte Raffinesse und passt ideal zu verschiedenen Designanforderungen.
Die unaufdringliche Eleganz der Ubuntu vermittelt Einfachheit auf subtile Weise. Klare Linien und gut lesbaren Buchstaben sorgen für eine unkomplizierte Darstellung von Informationen und Botschaften, die konsistente und professionelle Erscheinung strahlt Vertrauen aus.
Die klaren Konturen und die leichte Fettung in Ubuntu verleihen den Buchstaben eine gewisse Entschlossenheit und Kraft. Diese Eigenschaften tragen dazu bei, dass Botschaften entschlossener und überzeugender wirken. Dabei verleihen die freundlichen, abgerundeten Formen der Schriftart eine positiv wirkende Ausstrahlung.