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
(added palette.gpl)
(tentakel-Farben)
 
Zeile 28: Zeile 28:
  
 
==Farben==
 
==Farben==
 +
===alt===
 
* <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
 
* <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
 
* <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
 
* <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
Zeile 34: Zeile 35:
 
''Todo: Diese Werte nach Probedruck bestätigen''
 
''Todo: Diese Werte nach Probedruck bestätigen''
  
als GIMP / Incscape Palette (in ein ''.gpl'' file im entsprechenden Ordner kopieren):
+
===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>
 
<pre>
Zeile 49: Zeile 61:
 
51      75      106    Kontrast (Vordergrund)
 
51      75      106    Kontrast (Vordergrund)
 
204    100    39      Orange
 
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>
 
</pre>
  

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

Metafloyd sticker.svg

Umschlag-2.png

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

  • 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