gb-Logo – Design Manual

A presentation at Entwickler Digitale Medien @ Business Trends Academy in August 2016 in Berlin, Germany by Gunnar Bittersmann

Slide 1

Slide 1

Gunnar Bittersmann Design Manual 2016-08-08

Slide 2

Slide 2

Das gb-Logo Konstruktion Das Logo besteht aus den stilisierten Buchstaben g und b. Es ist punktsymmetrisch, d.h. das b entspricht dem um 180° gedrehten g. A Die Buchstaben sind aus einfachen Grundformen zusammengesetzt: Quadraten und Viertelkreisen. Ober- und Unterlänge sind folglich jeweils 1⁄3 der Mittellänge (x-Höhe). B b b ⁄ ×b 13 Für den Zwischenraums zwischen den vertikalen Balken gilt dasselbe Verhältnis: er beträgt 1 ⁄3 der Balkenbreite b.

Slide 3

Slide 3

6.34° Die Figur wird so geschert, dass die Linie A’B’ senkrecht zur Grundlinie steht. Der Scherungswinkel beträgt arctan 1⁄9 = 6,34°. A’ B’ Dann wird die Figur um den Faktor 5⁄6 vertikal gestaucht, so dass die x-Höhe A”B” halb so hoch ist wie die Breite CD. A” C D B” b ⁄ ×b 56

Slide 4

Slide 4

Schutzzone Die Schutzzone beträgt vertikal der Höhe der Ober- und Unterlänge 5⁄6 × b; horizontal einer Balkenbreite zuzüglich der Breite eines Zwischenraums, also 4⁄3 × b. In der Schutzzone dürfen sich keine anderen Elemente befinden. Ausgenommen davon ist die Bildmarke „Gunnar Bittersmann“. Goldener Schnitt Das Logo folgt dem Prinzip kleiner ganzzahliger Verhältnisse (1⁄2 und 1⁄3). Dennoch findet man darin den goldenen Schnitt. Das Verhältnis des Radius r1 des Kreises um den Mittelpunkt M durch die Punkte A” und B” zur Balkenbreite b ist ebenso ziemlich genau φ = 1,618 wie das Verhältnis des Radius r2 des Umkreises zum Radius r1. r1 b r2

Slide 5

Slide 5

Slide 6

Slide 6

Farben Als Farben werden weiß, rot und schwarz verwendet. Weiß CMYK: 0 0 0 0 Web: #FFFFFF; hsl(0, 100%, 100%) Rot Pantone 192 C CMYK: 0 94 64 0 Web: #E40046; hsl(342, 100%, 45%) Schwarz CMYK: 0 0 0 100 Web: #000000; hsl(0, 0%, 0%) Die Färbung des Logos ist aber nicht auf diese Farben beschränkt; es darf auch in anderen Farben verwendet werden.

Slide 7

Slide 7

Slide 8

Slide 8

Verwendung Das Logo kann auch als Kontur verwendet werden, beispielsweise für das Wasserzeichen auf Briefpapier. Das Logo kann auch mit Bildmaterial gefüllt werden.

Slide 9

Slide 9

Das Logo kann halbtransparent als Wasserzeichen auf Fotos verwendet werden.

Slide 10

Slide 10

Typographie Als Hausschrift wird Signika von Anna Gied yś verwendet. Diese steht in den Schnitten Light, Regular, Semibold und Bold zur Verfügung. Signika Light ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÜ abcdefghijklmnopqrstuvwxyzäöüß0123456789,!? Signika Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÜ abcdefghijklmnopqrstuvwxyzäöüß0123456789,!? Signika Semibold ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÜ abcdefghijklmnopqrstuvwxyzäöüß0123456789,!? Signika Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÜ abcdefghijklmnopqrstuvwxyzäöüß0123456789,!?

Slide 11

Slide 11

Gunnar Bittersmann F R O N T E N D U I D E V E L O P E R web: bittersmann.de mail: gunnar@bittersmann.de twitter: @g16n We’ve met at: in: and talked about: on:

Slide 12

Slide 12

Gunnar Bittersmann F R O N T E N D U I D E V E L O P E R Gunnar Bittersmann, Edward-Snowden-Straße 1, 12345 Utopia John Doe Chelsea-Manning-Straße 42 12345 Utopia Allgemeine Erklärung der Menschenrechte Artikel 1 Alle Menschen sind frei und gleich an Würde und Rechten geboren. Sie sind mit Vernunft und Gewissen begabt und sollen einander im Geiste der Brüderlichkeit begegnen.

Slide 13

Slide 13

Slide 14

Slide 14

Slide 15

Slide 15