Design und CI: Unterschied zwischen den Versionen
C3o (Diskussion | Beiträge) (update) |
C3o (Diskussion | Beiträge) (details) |
||
| Zeile 1: | Zeile 1: | ||
Zuständigkeit: [[Team Medien]] | |||
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 aus zellulären Automaten, Escher-Figuren, geodätische Kuppeln, Zeppeline, Monorails und was sonst noch alles nerdig, technisch und cool ist. | 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 aus zellulären Automaten, Escher-Figuren, geodätische Kuppeln, Zeppeline, Monorails und was sonst noch alles nerdig, technisch und cool ist. | ||
| Zeile 6: | Zeile 8: | ||
''Todo: | ''Todo: SVG-Files Schriftzug, Telefonzelle usw'' | ||
==Farben== | |||
* Blau dunkel/Hintergrund: C=100,M=55,Y=10,K=66 / rgb(?, ?, ?) / #?????? / Pantone ? | |||
* Blau heller/Kontrast: Wie oben @ 90%: C=90,M=50,Y=9,K=59 / rgb(?, ?, ?) / #?????? / Pantone ? | |||
* Hellere Kontrastfarben in weiteren 10%-Schritten | |||
* Orange: C=0,M=78,Y=100,K=0 / rgb(?, ?, ?) / #?????? / Pantone ? | |||
''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 idealerweise weiß auf 50% grauem Hintergrund, der wie eine Textselektion am Bildschirm aussieht, dh. den Zeilenabstand weiß lässt. | |||
* Fließtext: TheSans | |||
* Überschriften Web: <code>font-family:Helvetica,Arial,sans-serif; font-variant:small-caps;</code> | |||
* Fließtext Web: <code>font-family:Verdana,sans-serif;</code> | |||
''Todo: Eventuell Thesis-Lizenzen für Metalab-PCs einholen'' | |||
==Beispielanwendungen== | |||
* [[Folderlayout]] | |||
* Wiki-Skin | |||
Version vom 1. März 2006, 00:14 Uhr
Zuständigkeit: Team Medien
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 aus zellulären Automaten, Escher-Figuren, geodätische Kuppeln, Zeppeline, Monorails und was sonst noch alles nerdig, technisch und cool ist.
Dieses Design ist völlig demokratiefrei entstanden und nicht als endgültig zu verstehen, das Thema einer etwaigen Logowahl, Abstimmen zum Design usw. ist damit aber vorerst vertagt, da eine verwendbare Lösung existiert die bisher zumindest noch nicht auf Ablehnung gestoßen ist.
Langfristiges Ziel ist eine irgendwann vom versammelten Verein abgesegnete (evtl mit vorangehenden Wikivotes zu Logo etc) übergreifende CI zu entwicklen, die eigene Unteridentities/-symbolik für die diversen Sektionen und Bereiche erlaubt.
Todo: SVG-Files Schriftzug, Telefonzelle usw
Farben
- Blau dunkel/Hintergrund: C=100,M=55,Y=10,K=66 / rgb(?, ?, ?) / #?????? / Pantone ?
- Blau heller/Kontrast: Wie oben @ 90%: C=90,M=50,Y=9,K=59 / rgb(?, ?, ?) / #?????? / Pantone ?
- Hellere Kontrastfarben in weiteren 10%-Schritten
- Orange: C=0,M=78,Y=100,K=0 / rgb(?, ?, ?) / #?????? / Pantone ?
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 idealerweise weiß auf 50% grauem Hintergrund, der wie eine Textselektion am Bildschirm aussieht, dh. den Zeilenabstand weiß 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
Beispielanwendungen
- Folderlayout
- Wiki-Skin
