Design und CI: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 30. Dezember 2007, 12:29 Uhr

Die aktuelle CI leitet sich vom Folderlayout ab. Zentrale Elemente sind das dunkelblaue Farbschema mit spärlichen orangen Kontrasten, der schräggestellte Schriftzug in Versalien sowie das Symbol der Telefonzelle. Der Stil soll retrofuturistisch wirken und möglichst viel mehr oder minder versteckte Hacker-verwandte Symbolik beinhalten: Glider, unmögliche Figuren, geodätische Kuppeln, Zeppeline, Monorails und was sonst noch alles nerdig, technisch und cool ist.

Langfristiges Ziel ist es, eine übergreifende CI zu entwicklen, die eigene Unteridentities/-symbolik für die diversen Sektionen und Bereiche erlaubt.

SVG-Files

PDFs usw siehe http://metalab.at/medien/

Farben

Dunkelblau (Hintergrund): cmyk(100, 45, 8, 60) / rgb(28, 54, 84) / #1C3654 / Pantone 548
Dünklerblau (Vordergrund): cmyk(100, 45, 8, 68) / rgb(24, 46, 70) / #182E46 / Pantone 547
Kontrast (Vordergrund Highlights): Dunkelblau heller, zB @ 83%: cmyk(83, 37, 7, 50) / rgb(51, 75, 106) / #334B6A
Orange: cmyk(0, 75, 100, 0) / rgb(204, 100, 39) / #CC6427 / Pantone Warm Red

Todo: Diese Werte nach Probedruck bestätigen

Schriften

Schriftfamilie: Thesis
Logoschriftzug: TheMix Semi Bold Caps, 15° geschert (schräggestellt) und ebensoviel rotiert, sodass die Linien wieder senkrecht sind. Manuelles Kerning. Nicht nachbauen, sondern als fertiges SVG-File einzusetzen.
Überschriften: TheMix Semi Bold Caps. Prominente Überschriften idR weiß auf 50% grauem Hintergrund, der wie eine Textselektion am Bildschirm aussieht, dh. den Zeilenabstand leer lässt.
Fließtext: TheSans
Überschriften Web: font-family:Helvetica,Arial,sans-serif; font-variant:small-caps;
Fließtext Web: font-family:Verdana,sans-serif;

Todo: Eventuell Thesis-Lizenzen für Metalab-PCs einholen

Aktuelle Anwendungen

Zukünftige Anwendungen

Visitenkarten
Briefpapier
Flyer
Präsentationen
T-Shirts
Wallpapers
Banner & Buttons
Myspace!1!11
usw

@@ Zeile 13: / Zeile 13: @@
 ==Farben==
-* <div style="float:left;width:2.5em;margin-right:.4em;background-color:#1C3654;">&nbsp;</div> Dunkelblau (Hintergrund): cmyk(100, 45, 8, 60) / rgb(28, 54, 84) / #1C3654 / Pantone 548
+* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #1C3654;">&nbsp;</span> Dunkelblau (Hintergrund): cmyk(100, 45, 8, 60) / rgb(28, 54, 84) / #1C3654 / Pantone 548
-* <div style="float:left;width:2.5em;margin-right:.4em;background-color:#182E46;">&nbsp;</div> Dünklerblau (Vordergrund): cmyk(100, 45, 8, 68) / rgb(24, 46, 70) / #182E46 / Pantone 547
+* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #182E46;">&nbsp;</span> Dünklerblau (Vordergrund): cmyk(100, 45, 8, 68) / rgb(24, 46, 70) / #182E46 / Pantone 547
-* <div style="float:left;width:2.5em;margin-right:.4em;background-color:#334B6A;">&nbsp;</div> Kontrast (Vordergrund Highlights): Dunkelblau heller, zB @ 83%: cmyk(83, 37, 7, 50) / rgb(51, 75, 106) / #334B6A
+* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #334B6A;">&nbsp;</span> Kontrast (Vordergrund Highlights): Dunkelblau heller, zB @ 83%: cmyk(83, 37, 7, 50) / rgb(51, 75, 106) / #334B6A
-* <div style="float:left;width:2.5em;margin-right:.4em;background-color:#CC6427;">&nbsp;</div> Orange: cmyk(0, 75, 100, 0) / rgb(204, 100, 39) / #CC6427 / Pantone Warm Red
+* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #CC6427;">&nbsp;</span> Orange: cmyk(0, 75, 100, 0) / rgb(204, 100, 39) / #CC6427 / Pantone Warm Red
 ''Todo: Diese Werte nach Probedruck bestätigen''