Freifunk-Styles

Hier sammeln wir Informationen zu den Stylesheets für Freifunk, die auf verschiedenen Systemen genutzt werden. Bitte ladet CSS und Themes z.B. von eurem Wordpress, Joomla, Drupal, Plone, Mediawiki usw. unter dem Link Hochladen in das Wiki und verlinkt sie hier.

Diskussion

Mit der bisherigen Version gibt es zwei Probleme, bzw. ein Problem und ein nerviger Punkt den man bei der Gelegenheit auch gleich fixen kann:

• Der verwendete Font Helvetica ist nicht frei. Im SVG wird zwar nur die Font-Family Helvetica referenziert - aber eine unfreie Referenz ist letztendlich nicht wirklich viel besser. Sinnvoll wäre wohl das passende freie Äquivalent zu referenzieren. Liberation Sans Narrow scheint dem am nächsten zu kommen.

Monic: Freifunk.net verwendet die Swiss (nahe der Helvetica) ... die Libaration ist zwar frei, aber eine völlig andere Schrift, die diesen nicht nahe kommt. Jeder ist jedoch frei eine andere Schrift zu benutzen, genau wie den Namen der lokalen Community.

• Die Komponenten der Farben sind drei mal um einen einzigen Punkt einmal um 5 Punkte vom nächsten 12-Bit Farbton entfernt. Für das menschliche Auge ist das kein Unterschied - im Fall von geringeren Farbauflösungen muss man die Farbwerte aber anpassen. Sinnvoll wäre wohl gleich die nächsten 12-Bit Farbtöne zu verwenden.

Monic: Die Abweichungen liegen an falschen Konvertierungen im Laufe der Zeit ... ich hab die Farbtöne wieder korrigiert, es gab nie und gibt keine Notwendigkeit von "websave colours". Die ursprünglich gewählten Töne sind zwar knallig, aber weniger grell als die 12-Bit Farbtöne.

Freifunk-Farben

There is no need for websave colours

:-)	Freifunk-Gelb color: #FFCB05
:-)	Freifunk-Magenta color: #dc0067

:-)	Freifunk-Gelb color: #FFCC00
:-)	Freifunk-Magenta color: #dd0066
:-)	Freifunk-Schwarz color: #000000

Freifunk-Font

Swiss-911 Extra-compressed wurde von Förderverein freie Netzwerke lizensiert. (ähnlich der Helvetica compressed)

Freifunk-Font: Liberation Sans Narrow, Bold

Logos

• Gif-Logos zum Download als zip

• Logo_ffn_85x82.gif

• Logo_ffn_120x115.gif

• Logo_ffn_170x165.gif

• Logo im SVG-Format

Folgende Sourcecode im Texteditor öffnen, den Quelltext per C&P in eine neue Datei einfügen und als freifunk.svg speichern. Ergebnis siehe oben.

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="110px" height="100px">
  <circle cx="36" cy="54" r="22" fill="none" stroke="#dc0067" stroke-width="1px" />
  <circle cx="74" cy="44" r="22" fill="none" stroke="#dc0067" stroke-width="1px" />
  <circle cx="74" cy="44" r="29" fill="none" stroke="#dc0067" stroke-width="6px" />
  <polygon points="22 48 22 52 30 52 26 56 31 56 37 50 31 44 26 44 30 48" fill="#ffcb05" />
  <polygon points="64 50 73 59 81 59 75 53 88 53 88 47 75 47 81 41 73 41" fill="#ffcb05" />
  <text x="55" y="100" text-anchor="middle" style="font-family:helvetica; font-size:18px; font-weight:bold">
    freifunk.net
  </text>
</svg>

Vorschlag NEU:

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="110px" height="100px">
  <circle cx="36" cy="54" r="22" fill="none" stroke="#dd0066" stroke-width="1px" />
  <circle cx="74" cy="44" r="22" fill="none" stroke="#dd0066" stroke-width="1px" />
  <circle cx="74" cy="44" r="29" fill="none" stroke="#dd0066" stroke-width="6px" />
  <polygon points="22 48 22 52 30 52 26 56 31 56 37 50 31 44 26 44 30 48" fill="#ffcc00" />
  <polygon points="64 50 73 59 81 59 75 53 88 53 88 47 75 47 81 41 73 41" fill="#ffcc00" />
  <text x="55" y="100" text-anchor="middle" style="font-family:Liberation Sans Narrow; font-size:22px; font-weight:bold">
    freifunk.net
  </text>
</svg>

• Logo mit Schrift in Pfaden

[1]

• Logo plus Schneide-Kontur

[2]

Banner

• Bild:Ffn_banner_allg_234x60.gif

CMS Templates

• Typo3 Templates/CSS/Extensions von augsburg.freifunk.net
• Drupal 5 Freifunk-Style von start.freifunk.net als zip (122KB)

Credits

Das Logo wurde im Jahr 2003 von Monic Meisel entworfen. Im November 2012 schreibt sie dazu: Mit Freifunk ging es ja darum den bereits bestehenden und neuen Wireless Network Initiativen eine Kommunikationsplattform nach innen wie aussen zu geben. Dazu war ein starker visueller Absender nötig. Die Farben sind extra knallig, weil "Propaganda" auffallen muss ... es soll zum Aktivismus animieren, daher nur die beiden Farben Magenta und Sonnengelb (die sehr positiv und aktivierend sind ... lies mal die Eigenschaften in der Farbtheorie nach) und sonst alles einfach und SW ... kein grau, keine Pastellfarben oder andere Farben, die die Plakativität aufweichen. Die Pfeile stehen für die verschiedenen Strömungen innerhalb der Community und die Kommunikation, ebenso wie sie zwei Funkspots repräsentieren. Die Ringe sind die Funkwellen, die sich überlappen, damit sich die Spots verbinden können. Sie stellen aber auch die Schnittmenge der Interessen dar. Ich bin nicht sicher, ob Du weißt, wie viele Dimensionen das Thema freifunk hat, in denen sich verschiedenste Aktivisten tummeln: - Regional, national, international - Politisch, gesellschaftlich, soziologisch, technisch ... Den Namen freifunk haben wir uns bei einem Rotwein ausgedacht ... :) er repräsentiert in erster Linie Freiheit für mich. Witzigerweise mögen auch englischsprachige Communities den Namen "Free Funk", so dass er zu einem international feststehenden Begriff wurde, für alle die sich mit dem Thema befassen: "Freifunkers" Das Logo fand viel Zuspruch und viele Initiativen auch aus dem Ausland, die noch kein Logo hatten kamen auf mich zu, ob Sie es benutzen dürfen. So kreierte ich zunächst das Logo in Verbindung mit freifunk und der Stadt "freifunk.leipzig" Die Initiativen, die bereits Namen hatten benutzen einfach diese in Verbindung mit dem Logo. Manche wollten eine andere Schrift als Helvetica Compressed benutzen oder andere Farben, wie die Dänen z.B. Cyan und Magenta ... das hat mein Gestalterherz zunächst etwas gebrochen :) Aber ich habe mich dann entschieden hier die Grenzen dessen, was wir über "Corporate Branding" und dessen Vorteile wissen zu überschreiten ... alles unter CC zu stellen und es "freizugeben", u.a. aber ich auch, weil nicht mehr alle Anfragen bearbeiten konnte/wollte. So hat sich das Ganze dynamisch und vielleicht nicht immer "schön" entwickelt ... aber so konnte sich der Gedanke inkl. dem Namen und Logo einfach und ohne Hürden verbreiten. --- Monic Meisel