Zum Inhalt springen

Design und CI: Unterschied zwischen den Versionen

C3o (Diskussion | Beiträge)
Cube (Diskussion | Beiträge)
tentakel-Farben
 
(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 Community Identity (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.


Langfristiges Ziel ist es, eine übergreifende CI zu entwicklen, die eigene Unteridentities/-symbolik für die diversen Sektionen und Bereiche erlaubt.
Langfristiges Ziel ist es, eine übergreifende CI zu entwicklen, die eigene Unteridentities/-symbolik für die diversen Sektionen und Bereiche erlaubt.
===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|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.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]]]]
[[Bild:MetalabLogo2023.svg|thumb|68px|left|[[:Bild:Metalab logo symmetric|updated edition]]]]
<br style="clear:both" />
==PNG-Files==
'''PDF siehe [[Datei:Umschlag.pdf]]'''


'''PDFs usw siehe http://metalab.at/medien/'''
[[Datei:Metafloyd_sticker.svg]]


<br style="clear:both" />
[[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
===alt===
* <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: #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:#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: #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:#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: #334B6A;">&nbsp;</span> 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: #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''
===Neue Farben ("Tentakeldesign" / Webseite)===
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #0B0835;">&nbsp;</span> Dunkelviolett (Hintergrund 1): cmyk(79, 85, 0, 79) / rgb(11, 8, 53) / #0B0835
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #2e134a;">&nbsp;</span> Metapurpur (Hintergrund 2): cmyk(38, 74, 0, 71) / rgb(46, 19, 74) / #2e134a
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #901005;">&nbsp;</span> Achtung Rot: cmyk(0, 89, 97, 44) / rgb(144, 16, 5) / #901005
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #C1340A;">&nbsp;</span> Dunkelorange: cmyk(0, 73, 95, 24) / rgb(193, 52, 10) / #C1340A
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #F2570F;">&nbsp;</span> Ribbon Orange: cmyk(0, 64, 100, 5) / rgb(242, 87, 0) / #F2570F
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background:  #F2710F;">&nbsp;</span> Anderes Orange: cmyk(0, 53, 94, 5) / rgb(242, 113, 15) / #F2710F
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background:  #F28C0F;">&nbsp;</span> Auswahl Orange: cmyk(0, 42, 94, 5) / rgb(242, 140, 15) / #F28C0F
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background:  #F4A039;">&nbsp;</span> Hover Orange: cmyk(0, 34, 77, 4) / rgb(244, 160, 57) / #F4A039
===GIMP / Incscape Palette===
(in ein ''.gpl'' file im entsprechenden Ordner kopieren):
<pre>
GIMP Palette
Name: Metalab CI
# Metalab "Design and CI" palette
# https://metalab.at/wiki/Design_und_CI
0      0      0      Black
255    255    255    White
28      54      84      Dunkelblau (Hintergrund)
24      46      70      Dünklerblau (Vordergrund)
51      75      106    Kontrast (Vordergrund)
204    100    39      Orange
11      8      53      Tentakel Dunkelviolett
46      19      74      Tentakel Metapurpur
144    16      5      Tentakel Achtung Rot
193    52      10      Tentakel Dunkelorange
242    87      0      Tentakel Ribbon Orange
242    113    15      Tentakel Extra Orange
242    140    15      Tentakel Auswahl Orange
244    160    57      Tentakel Hover Orange
</pre>


==Schriften==
==Schriften==
Zeile 27: Zeile 80:
* 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: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 40: Zeile 133:
* [[T-Shirts]]
* [[T-Shirts]]
* Wallpapers
* Wallpapers
* Banner & Buttons
* [[Banner|Banner & Buttons]]
* Myspace!1!11
* Myspace!1!11
* usw
* usw
== Tipps zur Druckaufbereitung ==
* [[Druckaufbereitung]]


[[Kategorie:Medien]]
[[Kategorie:Medien]]