Datamints_Styleguide

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