Markenrichtlinien
Logo
Farben
Typografie
Stimme & Tonfall
Fotografie
Ikonen
Bitte beachten Sie, dass Sie sich mit der Nutzung unserer Assets an unsere Allgemeinen Geschäftsbedingungen halten .
Unser Logo
Unser Symbol
Hell- und Dunkelmodus
Freiraum
Unser Logo benötigt Freiraum.
Um sicherzustellen, dass es stets klar erkennbar und wirkungsvoll ist, müssen wir um das Element herum einen geschützten Freiraum bewahren.
Diese Regel verhindert, dass andere Elemente zu nahe herankommen.
Horizontale Verriegelung
Vertikale Verriegelung
Auf Bilder
Um die Lesbarkeit zu gewährleisten, muss das Logo einen hohen Kontrast zu seinem Hintergrund aufweisen. Wenn Sie es auf einem Foto oder einem komplexen Bild platzieren, wählen Sie immer die Logoversion (z. B. Farbe oder Weiß), die am stärksten hervorsticht.
Dieses Bild hat einen tiefen, dunklen Hintergrund, daher verwenden wir das weiße Logo. Unser gelbes Symbol und der weiße Text bilden einen starken Kontrast zum Hintergrund.
Dieses Bild hat einen hellen, klaren Hintergrund, daher verwenden wir das Logo in Vollfarbe. Unser gelbes Symbol und der graue Text bilden einen starken Kontrast zum Hintergrund.
Was Sie vermeiden sollten
Farben
Highlight Gelb
Dies ist unsere primäre Akzentfarbe, mit der wir die Aufmerksamkeit auf uns ziehen und einen Hauch von Energie hinzufügen. Verwenden Sie sie sparsam für maximale Wirkung.
Am besten geeignet für: Wichtige Überschriften, Handlungsaufforderungen oder als kontrastierende Textfarbe auf dunklem (blauem) Hintergrund.
Nicht verwenden: Verwenden Sie dies für große Farbblöcke oder Fließtext.
#FFCC26
Primär Blau
Dies ist unsere zentrale Markenfarbe und der am besten erkennbare Teil unserer visuellen Identität. Sie sollte in den meisten Designs die dominierende Farbe sein.
Am besten geeignet für: Hauptüberschriften, hervorgehobener Text, „Lösungs“-Symbole und wichtige Markenmomente.
#2A71DB
Haupttext
Dieses Beinahe-Schwarz ist unsere Hauptfarbe für alle Texte. Sie wird verwendet, um eine gute Lesbarkeit zu gewährleisten, ohne die Härte eines reinen Schwarz zu haben.
Am besten geeignet für: Alle Haupttexte, Absätze und die meisten Zwischenüberschriften.
#0A090B
Sekundärer Text
Dieses gedämpfte Grau schafft eine klare visuelle Hierarchie. Es wird für unterstützende Informationen verwendet, die weniger auffällig sein sollten als der Haupttext.
Am besten geeignet für: Kleine Beschreibungstexte, Bildunterschriften, „Pain Point“-Schlagzeilen und andere unkritische Informationen.
#4F4D55
Leinwand
Dies ist unsere Standard-Hintergrundfarbe. Sie bietet eine weiche, saubere und moderne Leinwand für unsere Inhalte und wird bei den meisten Anwendungen gegenüber reinem Weiß bevorzugt.
Am besten geeignet für: Folienhintergründe, Hintergründe für Webseiten und allgemeines Layout.
Hinweis: Reines Weiß (#FFFFFF ) kann als alternativer Hintergrund verwendet werden, wenn Layouts einen höheren Kontrast erfordern oder graue Boxen mit Ebenen enthalten.
#F9F9F9
Typografie
Gewicht
Um ein sauberes, konsistentes und leicht lesbares Layout zu schaffen, verwenden wir vier bestimmte Schriftschnitte unserer Markenschrift. Jedes Gewicht hat einen bestimmten Zweck.
Licht
Verwenden Sie diese Schriftart sparsam, um eine luftige, anspruchsvolle Wirkung zu erzielen. Sie eignet sich am besten für große Texte, wie z. B. eine wichtige Tagline auf einer Präsentationsfolie oder ein großes Kundenzitat.
Hinweis: Vermeiden Sie die Verwendung von Light für kleinen Text oder lange Absätze, da dies schwer zu lesen sein kann.
Regulär
Dies ist unsere primäre Standardschriftart für den gesamten Fließtext. Sie ist für maximale Lesbarkeit in Absätzen, Listen und den meisten allgemeinen Inhalten optimiert.
Medium
Verwenden Sie Medium für Zwischenüberschriften, wichtige Aufforderungen oder zur Hervorhebung innerhalb eines Textblocks. Es schafft eine klare zweite Bedeutungsebene und eignet sich gut für Text auf farbigen Hintergründen.
Halbfett
Dies ist unsere stärkste Gewichtung, die für alle primären Überschriften und Aussagen von hoher Priorität reserviert ist. Sie soll die Aufmerksamkeit auf sich ziehen und die wichtigste Botschaft vermitteln.
Sizing
Wenn Sie die Proportionen beibehalten, erreichen Sie eine wichtige Hierarchie. Verwenden Sie diesen Größenleitfaden als Ausgangspunkt, aber opfern Sie niemals die Lesbarkeit.
Fotografie
Abschnitt
Ikonen
Stil
Wir halten unsere Symbole einheitlich, indem wir einen unausgefüllten Stil mit einem dünnen Strich verwenden.
Sie können ein Symbol allein verwenden oder es in eine Form einschließen.
Bibliothek
Die meisten unserer Symbole stammen aus der Bibliothek Material Symbols & Icons.
Die Bibliothek ist bei Google erhältlich .
Wir freuen uns sehr auf die Zusammenarbeit mit Ihnen.
Um die Bekanntgabe unserer Partnerschaft zu vereinfachen, haben wir unsere wichtigsten Markenelemente sowie einige einfache Regeln zusammengestellt. Unser Hauptziel ist es, sicherzustellen, dass die Marke OpenSolar stets klar und professionell präsentiert wird.
Wichtig: Um die Einhaltung der Markenrichtlinien zu gewährleisten, holen Sie bitte vor der Veröffentlichung von Markenmaterialien eine Genehmigung ein. Senden Sie Ihre endgültigen Entwürfe an [email protected]; unser Team wird diese umgehend prüfen.
Ressourcen für Partner
Laden Sie zunächst das Partner-Paket herunter.
Das Paket enthält:
Logos
Offizielle OpenSolar-Markenzeichen sind im PNG-Format (für digitale Anwendungen optimiert) und im SVG-Format (hochauflösend für den Druck) verfügbar. Enthält Varianten in Primärfarben sowie eine monochrome weiße Variante für dunkle Hintergründe.
Standardtext
Standardisierte Unternehmensbeschreibungen und Namenskonventionen. Verwenden Sie diese vorab genehmigten Texte, um die Markenkonsistenz in allen Presse- und Medienberichten sicherzustellen.
Vorlagen für Co-Branding
Professionelle Vorlagen für Ankündigungen, die im Hochformat (Instagram) und im Querformat (Web-Banner) bereitgestellt werden. Jedes Set enthält „Clean“-Layouts für die Produktion sowie „Beispiel“-Versionen als Orientierungshilfe.
Um sicherzustellen, dass OpenSolar stets korrekt und professionell dargestellt wird, verwenden Sie bitte diese offiziellen, hochauflösenden Produktfotos, anstatt eigene Screenshots zu erstellen.
Wir haben eine Übersicht unserer wichtigsten Funktionen zusammengestellt, um Ihnen dabei zu helfen, die Plattform wirkungsvoll zu präsentieren.
Nutzungsrichtlinien
Bitte nicht verändern
Bitte zuschneiden, verzerren oder Farbfilter auf diese Bilder anwenden.
Halten Sie die Informationen auf dem neuesten Stand
Diese Abbildungen zeigen die aktuellste Version unserer Benutzeroberfläche. Bitte verwenden Sie keine älteren Screenshots, die Sie im Internet finden.
