Design und CI: Unterschied zwischen den Versionen
Pk (Diskussion | Beiträge) (→SVG-Files: mit Bild: statt Datei: gehts) |
Cube (Diskussion | Beiträge) (tentakel-Farben) |
||
(17 dazwischenliegende Versionen von 11 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. | ||
Zeile 10: | Zeile 10: | ||
==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: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: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]] | |
− | |||
− | |||
[[Bild:Umschlag-2.png]] | [[Bild:Umschlag-2.png]] | ||
==Farben== | ==Farben== | ||
+ | ===alt=== | ||
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #1C3654;"> </span> 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;"> </span> 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: #182E46;"> </span> 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;"> </span> Dünklerblau (Vordergrund): cmyk(100, 45, 8, 68) / rgb(24, 46, 70) / #182E46 / Pantone 547 | ||
Zeile 30: | Zeile 34: | ||
* <span style="line-height: 1.6em; padding: 0.1em 1.1em; background: #CC6427;"> </span> 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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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 39: | 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== | ==Wallpaper== | ||
− | * [[Bild:Metalablogin2.png]] | + | * [[Bild:Metalablogin2.png|900px]] |
− | * [[Bild:Metalab_1440x900black.png]] | + | * [[Bild:Metalab_1440x900black.png|900px]] |
− | * [[Bild:Metalab_1440x900white.png]] | + | * [[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 60: | Zeile 136: | ||
* Myspace!1!11 | * Myspace!1!11 | ||
* usw | * usw | ||
+ | |||
+ | |||
+ | == Tipps zur Druckaufbereitung == | ||
+ | |||
+ | * [[Druckaufbereitung]] | ||
[[Kategorie:Medien]] | [[Kategorie:Medien]] |
Aktuelle Version vom 30. September 2023, 09:33 Uhr
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 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
Farben
alt
- 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
Neue Farben ("Tentakeldesign" / Webseite)
- Dunkelviolett (Hintergrund 1): cmyk(79, 85, 0, 79) / rgb(11, 8, 53) / #0B0835
- Metapurpur (Hintergrund 2): cmyk(38, 74, 0, 71) / rgb(46, 19, 74) / #2e134a
- Achtung Rot: cmyk(0, 89, 97, 44) / rgb(144, 16, 5) / #901005
- Dunkelorange: cmyk(0, 73, 95, 24) / rgb(193, 52, 10) / #C1340A
- Ribbon Orange: cmyk(0, 64, 100, 5) / rgb(242, 87, 0) / #F2570F
- Anderes Orange: cmyk(0, 53, 94, 5) / rgb(242, 113, 15) / #F2710F
- Auswahl Orange: cmyk(0, 42, 94, 5) / rgb(242, 140, 15) / #F28C0F
- Hover Orange: cmyk(0, 34, 77, 4) / rgb(244, 160, 57) / #F4A039
GIMP / Incscape Palette
(in ein .gpl file im entsprechenden Ordner kopieren):
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
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
Aktuelle Anwendungen
- Datei:Metalab-flyer2017.4-lighter.pdf
- Folderlayout
- Wiki-Skin
- Datei:Metabrief.cls.txt
- Datei:29c3-Sticker cmyk.tiff
metaprint activities
2020
Sticker
Postkarte 1
Postkarte 2
Postkarte Rückseite
Zukünftige Anwendungen
- Visitenkarten
- Briefpapier
- Flyer
- Präsentationen
- T-Shirts
- Wallpapers
- Banner & Buttons
- Myspace!1!11
- usw