Wie schaut's aus?

Designprinzipien für einen hohen Wiedererkennungswert


Das Corporate Design von smapOne stützt sich auf die grundlegenden Werte, die das Unternehmen definiert. Sie sind ein Leitbild für alle einzelnen Designelemente, welche im Zusammenspiel einen professionellen, dynamischen und offenen Charakter vermitteln. Das gesamten Design ist damit ein wesentlicher Bestandteil des roten Fadens, der sich durch die Marke smapOne zieht.


Logo

Wort-Bild-Marke

Bildmarke

Hinweise zur Nutzung

  • Wortmarke nicht alleine stehen lassen
  • Wort-Bild-Marke nicht anders positionieren
  • Logo nur in Blau oder Weiß darstellen
  • auf dunkelgrauem Hintergrund wird das Logo nur in Blau dargestellt
  • Proportionen nicht verzerren
  • Neigung der Bildmarke nicht ändern

Farben

Primärfarben

smapOne Blau (3)
CMYK 68 / 0 / 8 / 0
RGB 46 / 188 / 226
Web #2ebce2

Weiß
CMYK 0 / 0 / 0 / 0
RGB 255 / 255 / 255
Web #ffffff

Dunkelgrau
CMYK 70 / 65 / 54 / 65
RGB 52 / 49 / 62
Web #34313E

Verlauf

Der Verlauf bildet sich im 45° Winkel vom dunklen zum hellen Blauton. Die beiden Blautöne werden nur im Verlauf zusammen benutzt. Der dunkle Blauton kommt noch in Icons zum Einsatz.

Dunkelblau
CMYK 70 / 16 / 1 / 0
RGB 54 / 168 / 222
#36a8de

Hellblau
CMYK 65 / 0 / 15 / 0
RGB 36 / 208 / 230
#24d0e6

Akzentfarbe

Gelb wird vereinzelt als Akzent eingesetzt. Die Farbnuancen reichen vom warmen Gelb über Zitronengelb bis Hellgelb.

Warmes Gelb
CMYK 1 / 15 / 92 / 0
RGB 255 / 213 / 2
#ffd502

Zitronengelb
CMYK 3 / 4 / 91 / 0
RGB 255 / 230 / 2
#ffe602

 

Hellgelb
CMYK 2 / 2 / 47 / 0
RGB 255 / 242 / 162
#fff2a2


Typografie

Acumin Pro

Die Acumin Pro im Schnitt Semicondensed extra light wird ausschließlich in den primären großgeschriebenen Überschriften eingesetzt.

Segoe UI

Die Windows-Systemschriftart wird für weitere Überschriften und Fließtext genutzt. Grundlegend wird sie im Schnitt Semilight verwendet, Regular wird für stark ausgezeichenten Text verwendet. Auf der Website wird die Schrift durch die Fira Sans ersetzt.


UI-Design

Unter folgendem Link können detaillierte Spezifikationen zu unserem UI-Design eingesehen werden. Mit Adobe XD wird eine Übersicht über verschiedene Themen bereitgestellt, von denen einzelne Elemente hinsichtlich Erscheinungsbild und Format untersucht werden können.

Adobe XD: UI-Design Elemente


Downloads

Inhalt des Download-Pakets

smapOne_Logo_RGB_72dpi.png
smapOne_Logo_RGB.svg
smapOne_Logo_CMYK.eps

smapOne_Bildmarke_RGB_72dpi.png
smapOne_Bildmarke_RGB.svg
smapOne_Bildmarke_CMYK.eps