Zum Inhalt springen

Design und CI: Unterschied zwischen den Versionen

C3o (Diskussion | Beiträge)
SVG-Files: atomic logo svg
tentakel-Farben
 
(32 dazwischenliegende Versionen von 20 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.


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|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]]]]
[[Bild:MetalabLogo2023.svg|thumb|68px|left|[[:Bild:Metalab logo symmetric|updated edition]]]]
<br style="clear:both" />
==PNG-Files==
'''PDF siehe [[Datei:Umschlag.pdf]]'''
[[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 26: 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: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 133:
* [[T-Shirts]]
* [[T-Shirts]]
* Wallpapers
* Wallpapers
* [[Banner|Banner & Buttons]]
* Myspace!1!11
* usw
* usw
== Tipps zur Druckaufbereitung ==
* [[Druckaufbereitung]]


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