A presentation at Entwickler Digitale Medien @ Business Trends Academy in in Berlin, Germany by Gunnar Bittersmann
Gunnar Bittersmann Design Manual 2016-08-08
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.
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
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
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.
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.
Das Logo kann halbtransparent als Wasserzeichen auf Fotos verwendet werden.
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,!?
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:
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.
The following code examples from the presentation can be tried out live.
