Skip to content
Mähbarkeitsindex

Styleguide & Badge

Offizielle Badge-Varianten für die verpflichtende Quellenangabe bei Nutzung der MFI API. Badge-Datei herunterladen, HTML-Code kopieren und direkt in dein Projekt integrieren.

Nutzungsbedingungen

Verpflichtende Quellenangabe

Die Nutzung der MFI API setzt voraus, dass in der jeweiligen Anwendung ein sichtbarer Hinweis auf den Mähbarkeitsindex als Datenquelle integriert wird. Dieser Hinweis muss für Endnutzer erkennbar platziert sein und auf maehbarkeitsindex.de verlinken.

Für die Umsetzung stehen offizielle Badge-Varianten bereit, die auf dieser Seite zum Download angeboten werden. Die Nutzung eines dieser Badges ist die empfohlene Form der Quellenangabe. Alternativ ist eine Textnennung mit Link zulässig, sofern diese gleichwertig sichtbar platziert ist.

Pflichtangabe bei API-Nutzung

Die Quellenangabe ist eine verbindliche Voraussetzung für die Nutzung der MFI API. Anwendungen ohne sichtbaren Hinweis auf den Mähbarkeitsindex verstoßen gegen die Nutzungsbedingungen.

Badge-Varianten

Verfügbare Badge-Varianten

Alle Varianten stehen als PNG und SVG zur Verfügung. SVG eignet sich für skalierbare Darstellungen und Retina-Displays, PNG für einfache Einbindungen ohne SVG-Unterstützung.

Powered by Mähbarkeitsindex Badge – Farbig

Farbig – Powered by

Empfohlen

Farbtreue Darstellung mit vollständigem Branding. Geeignet für helle Hintergründe. Bevorzugte Variante für die Quellenangabe.

Powered by Mähbarkeitsindex Badge – Farbig mit Rahmen

Farbig – Nur Rahmen

Transparenter Hintergrund mit farbigem Rahmen. Geeignet für helle Hintergründe, auf denen ein transparentes Badge bevorzugt wird.

Powered by Mähbarkeitsindex Badge – Grün auf Weiß

Grün – Powered by (weiß)

Weißes Badge auf grünem Hintergrund. Geeignet für dunkle oder farbige Hintergrundabschnitte in der Hausfarbe des MFI.

Powered by Mähbarkeitsindex Badge – Weiß auf Grün

Weiß – Powered by (grün)

Weißer Hintergrund mit grüner Umrandung und grünem Text. Geeignet für helle Designs, die eine zurückhaltendere Badge-Variante ohne Füllung bevorzugen.

Mähbarkeitsindex Badge – Weiß mit Rahmen

Weiß – Nur Rahmen

Transparenter Hintergrund mit grünem Rahmen. Minimale Variante ohne "Powered by"-Schriftzug. Geeignet für platzsparende oder reduzierte Integrationen.

Powered by Mähbarkeitsindex Badge – Schwarz/Weiß

Schwarz – Powered by (weiß)

Weißes Badge auf schwarzem Hintergrund. Geeignet für dunkle Designs, dunkle Footer-Bereiche oder Anwendungen mit Dark Mode.

Integration

Badge in dein Projekt einbinden

Nach dem Download kannst du das Badge direkt per HTML in dein Projekt integrieren. Die folgenden Codebeispiele zeigen die empfohlene Einbindung mit Verlinkung auf maehbarkeitsindex.de.

Passe den Pfad zur Badge-Datei (src="...") an den tatsächlichen Speicherort in deinem Projekt an. Die angegebene Breite (width) kann je nach Kontext angepasst werden.

PNG – Einfache Einbindung

Geeignet für alle gängigen HTML-Projekte. Badge-Datei in dein Projekt kopieren und Pfad anpassen.

HTML
<a href="https://www.maehbarkeitsindex.de"
   target="_blank"
   rel="noopener"
   title="Powered by Mähbarkeitsindex">
  <img src="/pfad/zu/Powered-by-MFI-Badge_colored.png"
       alt="Powered by Mähbarkeitsindex"
       width="200"
       height="auto">
</a>

SVG – Skalierbare Einbindung

SVG-Badges bleiben auf allen Bildschirmauflösungen scharf und eignen sich besonders für Retina-Displays und responsive Designs.

HTML
<a href="https://www.maehbarkeitsindex.de"
   target="_blank"
   rel="noopener"
   title="Powered by Mähbarkeitsindex">
  <img src="/pfad/zu/Powered-by-MFI-Badge_colored.svg"
       alt="Powered by Mähbarkeitsindex"
       width="200">
</a>

Textlink als Alternative

Falls eine Badge-Grafik nicht eingebunden werden kann, ist alternativ ein sichtbarer Textlink mit Nennung des Mähbarkeitsindex zulässig.

Mögliche Formulierungen

HTML
Mähbarkeit berechnet mit
<a href="https://www.maehbarkeitsindex.de"
   target="_blank"
   rel="noopener">Mähbarkeitsindex (MFI)</a>

Hinweise zur Platzierung

  • Das Badge muss für Endnutzer sichtbar und klickbar sein.
  • Typische Platzierungen: Footer der Seite oder in direkter Nähe zur angezeigten MFI-Ausgabe.
  • Die Verlinkung auf maehbarkeitsindex.de ist zwingend erforderlich.
Logo

Offizielle Logo-Varianten

Die folgenden Logo-Varianten stehen für redaktionelle und pressebezogene Nutzung zur Verfügung. Die Nutzung ist an die unten beschriebenen Bedingungen geknüpft.

Nutzungsbedingungen für das Logo

Ohne Rückfrage erlaubt
  • Redaktionelle Berichterstattung über den Mähbarkeitsindex
  • Pressebeiträge, Blogartikel und Tutorials mit direktem MFI-Bezug
  • Verlinkungen auf maehbarkeitsindex.de
Nur mit Genehmigung
  • Kommerzielle Nutzung jeder Art
  • Einbindung in eigene Produkte oder Apps
  • Veränderungen am Logo (Farbe, Form, Schrift)
Nicht erlaubt
  • Nutzung ohne Kontext oder Quellenangabe
  • Darstellung in sachfremdem Zusammenhang
  • Nutzung, die eine offizielle Partnerschaft impliziert

Anfragen zur genehmigungspflichtigen Nutzung bitte per E-Mail an info@maehbarkeitsindex.de.

Mähbarkeitsindex Logo – Farbig

Wortmarke – Farbig

Standardvariante für helle Hintergründe.

Mähbarkeitsindex Logo – Grün

Wortmarke – Grün

Einfarbig grüne Variante für helle Hintergründe.

Mähbarkeitsindex Logo – Weiß

Wortmarke – Weiß

Für dunkle Hintergründe und Dark-Mode-Designs.

Mähbarkeitsindex Icon – Farbig

Icon – Farbig

Quadratisches Icon für helle Hintergründe.

Mähbarkeitsindex Icon – Grün

Icon – Grün

Einfarbig grünes Icon für helle Hintergründe.

Mähbarkeitsindex Icon – Weiß

Icon – Weiß

Für dunkle Hintergründe und Dark-Mode-Designs.

FAQ

Häufige Fragen zur Quellenangabe

Antworten auf häufige Fragen rund um die verpflichtende Quellenangabe und den korrekten Einsatz des Badges.

Darf ich das Logo für einen Artikel über den Mähbarkeitsindex verwenden?

Ja, für redaktionelle Beiträge, Blogartikel oder Pressebeiträge mit direktem Bezug zum Mähbarkeitsindex ist die Nutzung ohne Rückfrage erlaubt. Das Logo darf dabei nicht verändert werden und muss im Originalzustand dargestellt werden. Für kommerzielle Nutzung oder die Einbindung in eigene Produkte ist eine schriftliche Genehmigung erforderlich.

Muss ich das Badge zwingend verwenden?

Nein, aber die Quellenangabe als solche ist verpflichtend. Das Badge ist die empfohlene und einfachste Form der Umsetzung. Alternativ ist ein sichtbarer Textlink mit Nennung des Mähbarkeitsindex und Verlinkung auf maehbarkeitsindex.de zulässig.

Welche Badge-Variante soll ich verwenden?

Die farbige Variante ("Farbig – Powered by") ist die empfohlene Standardvariante. Für dunkle Hintergründe empfiehlt sich die Schwarz/Weiß- oder die Grün/Weiß-Variante. Grundsätzlich sollte die Variante gewählt werden, die auf dem jeweiligen Hintergrund am besten sichtbar und kontrastreich ist.

Darf ich das Badge skalieren oder verändern?

Das Badge darf proportional skaliert werden. Veränderungen am Layout, den Farben oder der Schrift sind nicht zulässig. Die Mindestbreite für eine lesbare Darstellung beträgt 120 px.

Wo muss die Quellenangabe platziert werden?

Die Quellenangabe muss für Endnutzer sichtbar sein. Typische und akzeptierte Platzierungen sind der Footer der Seite, ein Impressums- oder Datenschutzbereich sowie direkt in der Nähe der angezeigten MFI-Ausgabe. Eine Platzierung, die das Badge versteckt oder optisch unterdrückt, ist nicht zulässig.

Darf das Badge ohne Link eingesetzt werden?

Nein. Der Link auf maehbarkeitsindex.de ist Teil der Nutzungsbedingung und darf nicht entfernt werden. Das Badge ohne Verlinkung zu verwenden ist nicht zulässig.