Design und CI: Unterschied zwischen den Versionen

aus Metalab Wiki, dem offenen Zentrum für meta-disziplinäre Magier und technisch-kreative Enthusiasten.
Zur Navigation springenZur Suche springen
(→‎SVG-Files: atomic logo svg)
(27 dazwischenliegende Versionen von 18 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
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 [[wen:Retro-futurism|retrofuturistisch]] wirken und möglichst viel mehr oder minder versteckte Hacker-verwandte Symbolik beinhalten: [[wde:Glider|Glider]], [[wde:Unmögliche Figur|unmögliche  Figuren]], [[wde:geodätische Kuppel|geodätische Kuppeln]], [[wde:Zeppelin|Zeppeline]], [[wde:Monorail|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 [[wen:Retro-futurism|retrofuturistisch]] wirken und möglichst viel mehr oder minder versteckte Hacker-verwandte Symbolik beinhalten: [[wde:Glider|Glider]], [[wde:Unmögliche Figur|unmögliche  Figuren]], [[wde:geodätische Kuppel|geodätische Kuppeln]], [[wde:Zeppelin|Zeppeline]], [[wde:Monorail|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 [[Logo]]wahl ist damit aber vorerst vertagt, da eine einsatzbereite Lösung existiert die bisher zumindest noch nicht auf Ablehnung gestoßen ist.
+
Langfristiges Ziel ist es, eine übergreifende CI zu entwicklen, die eigene Unteridentities/-symbolik für die diversen Sektionen und Bereiche erlaubt.
  
Langfristiges Ziel ist eine vom versammelten Verein abgesegnete übergreifende CI zu entwicklen, die eigene Unteridentities/-symbolik für die diversen Sektionen und Bereiche erlaubt und idealerweise ein Symbollogo (im Gegensatz zum reinen Schriftzug) beinhaltet.
+
===Briefpapier===
 +
[[Bild:Metalab_briefpapier_v1.ai‎|DLOAD]]
 +
 
 +
[[Bild:Metalab_briefpapier_v1.pdf|DLOAD]]
  
 
==SVG-Files==
 
==SVG-Files==
 
[[Bild:Metalab.svg.gif|framed|left|[[:Bild:Metalab.svg|DOWNLOAD]]]]
 
[[Bild:Metalab.svg.gif|framed|left|[[:Bild:Metalab.svg|DOWNLOAD]]]]
 +
[[Bild:Metalab.at.svg.png|framed|left|[[:Bild:Metalab.at.svg|DOWNLOAD]]]]
 
[[Bild:Atomic.svg|thumb|68px|left|[[:Bild:Atomic.svg|DLOAD]]]]
 
[[Bild:Atomic.svg|thumb|68px|left|[[:Bild:Atomic.svg|DLOAD]]]]
 +
[[Bild:Atomic_1color.svg|thumb|68px|left|[[:Bild:Atomic_1color.svg|DLOAD]]]]
 +
[[Bild:Atomic_1color_scalable.svg|thumb|68px|left|[[:Bild:Atomic_1color_scalable.svg|Scalable version of above]]]]
 +
[[Bild:CNC Atomic.svg|thumb|68px|left|[[:Bild:CNC Atomic.svg|DLOAD CNC version of Logo]]]]
 +
[[Bild:Metalab logo cuttr.svg|thumb|68px|left|[[:Bild:Metalab logo cuttr.svg|VINYLcuttr vectorpaths]]]]
 +
[[Bild:metalab_logo_lazzzor.svg|thumb|68px|left|[[:Bild:Metalab logo cuttr.svg|Laser cutter edition]]]]
  
 
<br style="clear:both" />
 
<br style="clear:both" />
 +
 +
==PNG-Files==
 +
'''PDF siehe [[Datei:Umschlag.pdf]]'''
 +
 +
[[Datei:Metafloyd_sticker.svg]]
 +
 +
[[Bild:Umschlag-2.png]]
  
 
==Farben==
 
==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''
 
''Todo: Diese Werte nach Probedruck bestätigen''
  
Zeile 26: Zeile 42:
 
* Fließtext Web: <code>font-family:Verdana,sans-serif;</code>
 
* Fließtext Web: <code>font-family:Verdana,sans-serif;</code>
 
''Todo: Eventuell Thesis-Lizenzen für Metalab-PCs einholen''
 
''Todo: Eventuell Thesis-Lizenzen für Metalab-PCs einholen''
 +
==ASCII==
 +
<pre>
 +
        _-'-_
 +
  _.--'    '--._
 +
.-'      meta    '-.
 +
|-_      lab      _-|
 +
'-_'--._    _.--'_-'
 +
| '--._'-.-'_.--' |
 +
|  _  '-.-'  _  |
 +
| | '-._  _.-' | |
 +
| |_    | |    _| |
 +
|  _'-._| |_.-'_  |
 +
| | '-._  _.-' | |
 +
| |_    | |    _| | 
 +
|  _'-._| |_.-'_  |
 +
| | '-._  _.-' | |
 +
| |_    | |    _| |
 +
|  '-._| |_.-'  |
 +
| |--._    _.--| |
 +
| |    |  |    | |
 +
'-|    |  |    |-'
 +
        '-.-'
 +
</pre>
 +
 +
==Wallpaper==
 +
* [[Bild:Metalablogin2.png|900px]]
 +
* [[Bild:Metalab_1440x900black.png|900px]]
 +
* [[Bild:Metalab_1440x900white.png|900px]]
  
 
==Aktuelle Anwendungen==
 
==Aktuelle Anwendungen==
 +
* [[Datei:Metalab-flyer2017.4-lighter.pdf|Metalab-flyer2017.4-lighter.pdf]]
 
* [[Folderlayout]]
 
* [[Folderlayout]]
 
* [[MediaWiki:Monobook.css|Wiki-Skin]]
 
* [[MediaWiki:Monobook.css|Wiki-Skin]]
 +
* [[Bild:Metabrief.cls.txt|LaTeX-Klasse für Briefe]]
 +
* [[Bild:29c3-Sticker_cmyk.tiff|29C3 Sticker (4C)]]
 +
==metaprint activities==
 +
===2020===
 +
====Sticker====
 +
[[Datei:Sticker-metalab-2020.png||400px]]
 +
====Postkarte 1====
 +
[[Datei:Postkarte-metalab-2020-1.png||400px]]
 +
====Postkarte 2====
 +
[[Datei:Postkarte-metalab-2020-2.png||400px]]
 +
====Postkarte Rückseite====
 +
[[Datei:Postkarte-metalab-2020-rückseite.png||400px]]
  
 
==Zukünftige Anwendungen==
 
==Zukünftige Anwendungen==
Zeile 38: Zeile 95:
 
* [[T-Shirts]]
 
* [[T-Shirts]]
 
* Wallpapers
 
* Wallpapers
 +
* [[Banner|Banner & Buttons]]
 +
* Myspace!1!11
 
* usw
 
* usw
 +
 +
 +
== Tipps zur Druckaufbereitung ==
 +
 +
* [[Druckaufbereitung]]
  
 
[[Kategorie:Medien]]
 
[[Kategorie:Medien]]

Version vom 26. November 2020, 20:02 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.

Briefpapier

Datei:Metalab briefpapier v1.ai

Datei:Metalab briefpapier v1.pdf

SVG-Files


PNG-Files

PDF siehe Datei:Umschlag.pdf

Metafloyd sticker.svg

Umschlag-2.png

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

ASCII

        _-'-_
   _.--'     '--._
.-'      meta     '-.
|-_      lab      _-|
'-_'--._     _.--'_-'
 | '--._'-.-'_.--' |
 |  _   '-.-'   _  |
 | | '-._   _.-' | |
 | |_    | |    _| |
 |  _'-._| |_.-'_  |
 | | '-._   _.-' | |
 | |_    | |    _| |  
 |  _'-._| |_.-'_  |
 | | '-._   _.-' | |
 | |_    | |    _| |
 |   '-._| |_.-'   |
 | |--._     _.--| |
 | |    |   |    | |
 '-|    |   |    |-' 
        '-.-'

Wallpaper

  • Metalablogin2.png
  • Metalab 1440x900black.png
  • Metalab 1440x900white.png

Aktuelle Anwendungen

metaprint activities

2020

Sticker

Sticker-metalab-2020.png

Postkarte 1

Postkarte-metalab-2020-1.png

Postkarte 2

Postkarte-metalab-2020-2.png

Postkarte Rückseite

Postkarte-metalab-2020-rückseite.png

Zukünftige Anwendungen


Tipps zur Druckaufbereitung