datamints Styleguide zum Corporate Design
datamints Styleguide zum Corporate Design
3
4
Inhalt
1. Logo 7 2. Schrift 13 3. Farbe 17 4. Grafische Elemente 21
6
1. Logo
Logovarianten
datamints Logo
datamints Logo schwarz f체r Faxger채te, Laserdrucker
datamints Logo negativ / invertiert (ausschl. auf Hintergr체nden)
8
Schutzzone Zur Definition der Position und der Logo-Schutzzone liegen folgene Werte zu Grunde:
h
LogohĂśge: h Logobreite: b
b
1xh
1xh
Die Schutzzone ist jener Bereich um das Markenzeichen „datamints“, welcher in jedem Fall frei von weiteren Elementen jeglicher Art bleiben muss.
9
Logogrößen
DIN A3 Die Logogröße für das Format Din A3 beträgt: 40 mm Breite
DIN A4, Visitenkarte, DIN lang Die Logogröße beträgt: 25 mm Breite
DIN A5 Die Logogröße beträgt: 20 mm Breite
Mindestgröße Die allgemeine Mindestgröße des Logo beträgt: 15 mm Breite.
10
Positionierung im Format 1xb
Das Logo steht in allen Formaten oben links.
1xh
Der Abstand zum Rand des Formates in der Höhe beträgt: 1 x Logohöhe = 1 x h. Der Abstand zum Rand des Formates in der Breite beträgt: 1 x Logobreite = 1 x b
A4 (Proportionen)
In Ausnahmefällen darf das Logo auch zentriert gesetzt werden: - Auf Visitenkarten - Als Cover für Broschüren - Als Visual z.B. als Webbanner - weitere Sonderformate wie z.B. Brochüren
Visitenkarte Vorderseite
11
12
2. Schrift
13
FS Emeric
"Pack my box with five dozen liquor jugs." Hier: FS Emeric Book 45 pt
0123456789 Die Hausschrift FS Emeric: FS Emeric ist eine technisch aber ebenso humanistisch anmutende Sans-Serif Schrift. Gestaltet wurde sie im Jahr 2013 von Phil Garnham, Artdirektor des Typographiestudio Fontsmith.
14
Schrifthierarchien
Headline
Schrift: FS Emeric Medium
Hier: FS Emeric Book 36 pt
Sub-Headline
Schrift: FS Emeric Light
Hier: FS Emeric Book 16 pt 9,5 pt
Text Headline
Das hier ist ein Fließtext, culpa que sus autat. Nam sequo cum aut adipsam fuga. Ita quundus audit, cusci dolo voluptaqui beaque conseria conecum repudipsae nihiliquis esti as cullatent qui dolum exerorp oresto ius ad quam quo blabore cestibus essit lita sinis ma voles nihicaestia poressi minveli cipitia dolorit, et iliquas plaut
Schrift (Text Headline) FS Emeric Medium Schrift (Fließtext) FS Emeric Book
Hier: FS Emeric Medium & Book 9,5 pt
Kursiv, Kursiv, Kursiv
Für Zitate und zur Untermalung eines Wortlauts darf ebenso in allen Schriftschnitten auch Kursiv verwendet werden.
Hier: FS Emeric Light Italic, Book Italic, Medium Italic 9,5 pt
15
Anwendung Headline, Subheadline, Fließtext
Headline
Sub-Headline Fließtext-Headline
Das hier ist ein Fließtext, culpa que sus autat. Nam sequo cum aut adipsam fuga. Ita quundus audit, cusci dolo voluptaqui beaque conseria conecum repudipsae nihiliquis esti as cullatent qui dolum exerorp oresto ius ad quam quo blabore cestibus essit lita sinis ma voles nihicaestia poressi minveli cipitia dolorit, et iliquas plaut
Head- und Subheadline haben eine deutlich größere Schriftgröße als der Fließtext. Die Schriftgröße der SubHeadline beträgt in etwa 2/3 des Wertes der Headline. Fließtext-Headlines haben die selbe Schriftgröße wie der Fließtext.
16
Abstand von Headline zu Fließext soll ausreichend Weissraum haben. Ca. 2 x Headline-Zeilenabstand. Längerer Fließtext darf nicht unter 9,5 pt Schriftgröße dargestellt werden.
Von oben nach unten: FS Emeric Medium 36 pt FS Emeric Light 24 pt FS Emeric Medium 9,5 pt FS Emeric Book 9,5 pt
Beispiele
Hier steht die Headline Ort / Datum
Ort / Datum
Hier steht die Headline
Nequam nestium que eniet etur, venemporrum quiam quiduci llace-
quiamenda doluptiossit dolest labor simust molorepe dicipsumet
Nequam nestium que eniet etur, venemporrum quiam quiduci llace-
quiamenda doluptiossit dolest labor simust molorepe dicipsumet
ar iatius dendae non coria imet ea sit, volorro quam faccus est inu-
ex et eossumquides delique parcid ma iumquod quaspicae parum
ar iatius dendae non coria imet ea sit, volorro quam faccus est inu-
ex et eossumquides delique parcid ma iumquod quaspicae parum
sam hillorum ut mod molut elignis sequid ulparum rati re dolorectur,
exceptatur sanimus, tem et et as apid quia quid que remquaepudi
sam hillorum ut mod molut elignis sequid ulparum rati re dolorectur,
exceptatur sanimus, tem et et as apid quia quid que remquaepudi
sitibearum ressunt. Adipiendae parias et pratente non re, tet aut volupta num explatur?
ipis modit, sus velenime optatius in reribeatur moles quias et volorum erum non pos digent et dolupta
sitibearum ressunt. Adipiendae parias et pratente non re, tet aut volupta num explatur?
ipis modit, sus velenime optatius in reribeatur moles quias et volorum erum non pos digent et dolupta
Olendi rese el et plandellatur mincti bla provit laborum sam digna-
tempore pelessime inctis eostinc turiam liquoditiur solupta pe
Olendi rese el et plandellatur mincti bla provit laborum sam digna-
tempore pelessime inctis eostinc turiam liquoditiur solupta pe
tiunto estor molor reperfe rspedissitae nonsedis am, od molupis undanihilit adit eicilibus as et incid
tiunto estor molor reperfe rspedissitae nonsedis am, od molupis undanihilit adit eicilibus as et incid
Die Headline kann 端ber oder unter der Subheadline stehen. Farbe: Zum hervorheben der wichtigen Informationen soll das datamints-Gr端n verwendet werden.
17
18
3. Farbe
19
Hausfarben
Farben in der Anwendung: Weiss bzw. „Licht“ dominiert und sorgt füre ein klares und helles Erscheinungsbild. Das Mintgrün ist die wichtigste Farbe der Marke datamints und erinnert an die Frische der Pfefferminzpflanze. Als Ruhepol zu dieser starken Farbe dient ein leichtes und warmes Grau, das sich vor allem für Hintergründe eignet. Das Schwarz bzw. „Kein Licht“ ist im Erscheinungsbild vor allem für Texte vorgesehen und soll als Farbe eine untergeordnete Rolle spielen. Das kräftige Rot soll punktuell als Akzentfarbe verwendet werden.
20
Farbwerte datamints Grün Pantone: Pantone 326 U RGB: 96 | 170 | 164 CMYK: 76 | 4 | 41 | 0 Hex: #00AAA3
Weiss Pantone: Weiß RGB: 255 | 255 | 255 CMYK: 0 | 0 | 0 | 0 Hex: #FFFFFF
Hellgrau Pantone: Warm Gray 1 U RGB: 255 | 255 | 255 CMYK: 2 | 5 | 7 | 5 Hex: #F1EBE6
Schwarz Pantone: 100% Schwarz RGB: 239 | 235 | 230 CMYK: 2 | 5 | 7 | 5 Hex: #000000
Rot Pantone: Pantone 1788 U RGB: 201 | 63 | 76 CMYK: 0 | 87 | 62 | 0 Hex: #E74351
21
22
3. Grafische Elemente
23
Linien, Rahmen, Hintergründe Trennlinie: 0,25 pt
Dekor-Rahmen:
Headline
Anzuwenden bei kurzen Überschriften die besonders hervorgehoben werden sollen. Die Rahmendicke orientiert sich an der eingeschlossenen Schriftdicke. Fläche Grau: Anzuwenden als Hintergrund für Grafiken und Text. Textfarbe auf dieser Fläche: datamintsgrün.
Fläche datamints Grün: Anzuwenden als Hintergrund für für Grafiken und besonders wihtige Texthinweise. Textfarbe auf dieser Fläche: Weiß.
Fläche Rot: Anzuwenden als Hintergrund für für Grafiken und besonders wihtige Texthinweise. Textfarbe auf dieser Fläche: Weiß.
24
› Punkt
Aufzählungszeichen: FS Emeric Single Right-Pointing Angle Quotation Mark (Light) GID 285 Unicode: 203 A
Punkt | Punkt
Trenner: Kein Schrägstrich bzw. Slash, sondern FS Emeric Vertical Line (Light). GID: 79 Unicode: 007C
"Punkt"
Anfürungsstriche: Nur amerikanische Schreibweise, FS Emeric Quotation Mark (Light) GID: 159 Unicode: 0022
22% Kuchendiagramm 22%
15% 65%
8%
22%
Balkendiagramm 78%
25
Beispiele "Farbigen Fl채chen + Text"
Informationen Cimi, ex eum eum ut ilibus, que prepta et qui repta que dolore maxim reptas ministior milit il minctemporis pla corro
Wichtige Informationen Cimi, ex eum eum ut ilibus, que prepta et qui repta que dolore maxim reptas ministior milit il minctemporis pla corro
Wichtige Informationen Cimi, ex eum eum ut ilibus, que prepta et qui repta que dolore maxim reptas ministior milit il minctemporis pla corro
26
Beispiele "Farbigen Fl채chen + Bild"
27