{"id":14794,"date":"2025-09-01T22:41:32","date_gmt":"2025-09-01T22:41:32","guid":{"rendered":"https:\/\/www.opensolar.com\/markenrichtlinien\/"},"modified":"2025-11-04T12:46:16","modified_gmt":"2025-11-04T12:46:16","slug":"markenrichtlinien","status":"publish","type":"page","link":"https:\/\/www.opensolar.com\/de\/markenrichtlinien\/","title":{"rendered":"Markenrichtlinien"},"content":{"rendered":"
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t

Markenrichtlinien<\/p>\n<\/h1>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tAbout<\/a>><\/span>\t\t\t\t\t\t\t\t\t\t\t\t\t\tMarkenrichtlinien\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n
\n
\n
\n

Logo<\/p>\n\n\n\n\"\"\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Farben<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Typografie<\/p>\n\n\n\n\"\"\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Stimme & Tonfall<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Fotografie<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Ikonen<\/p>\n\n\n\n\"\"\n\n\n\n\"\"\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Partnerschaften<\/p>\n\n\n\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n

\n

Bitte beachten Sie, dass Sie sich mit der Nutzung unserer Assets an unsere Allgemeinen Gesch\u00e4ftsbedingungen halten .<\/a><\/p>\n<\/div>\n\n

\n
\n

Logo<\/p>\n\n\n\nHerunterladen<\/a>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Unser Logo<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Unser Symbol<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Helle und dunkle Modi<\/p>\n<\/div>\n\n\n\n

\n
\n\"\"\n<\/div>\n\n\n\n
\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Freiraum<\/p>\n\n\n\n

Unser Logo braucht Raum zum Atmen.
Um sicherzustellen, dass es immer klar und deutlich ist, m\u00fcssen wir einen gesch\u00fctzten Bereich um das Logo herum einhalten.
Diese Regel verhindert, dass andere Elemente zu nahe kommen.<\/p>\n<\/div>\n\n\n\n

\n
\n\"\"\n\n\n\n

Horizontale Verriegelung<\/p>\n\n\n\n\"\"\n\n\n\n

Vertikale Verriegelung<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Auf Bilder<\/p>\n\n\n\n

Um die Lesbarkeit zu gew\u00e4hrleisten, muss das Logo einen hohen Kontrast zu seinem Hintergrund aufweisen. Wenn Sie es auf einem Foto oder einem komplexen Bild platzieren, w\u00e4hlen Sie immer die Logoversion (z. B. Farbe oder Wei\u00df), die am st\u00e4rksten hervorsticht. <\/p>\n<\/div>\n\n\n\n

\n
\n\"\"\n\n\n\n

Dieses Bild hat einen tiefen, dunklen Hintergrund, daher verwenden wir das wei\u00dfe Logo<\/strong>. Unser gelbes Symbol und der wei\u00dfe Text bilden einen starken Kontrast zum Hintergrund. <\/p>\n\n\n\n\"\"\n\n\n\n

Dieses Bild hat einen hellen, klaren Hintergrund, daher verwenden wir das Logo in Vollfarbe<\/strong>. Unser gelbes Symbol und der graue Text bilden einen starken Kontrast zum Hintergrund. <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Dinge, die Sie vermeiden sollten<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Farben<\/p>\n\n\n\n

<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Highlight Gelb<\/p>\n\n\n\n

Dies ist unsere prim\u00e4re Akzentfarbe, mit der wir die Aufmerksamkeit auf uns ziehen und einen Hauch von Energie hinzuf\u00fcgen. Verwenden Sie sie sparsam f\u00fcr maximale Wirkung. <\/p>\n\n\n\n

Am besten geeignet f\u00fcr:<\/strong> Wichtige \u00dcberschriften, Handlungsaufforderungen oder als kontrastierende Textfarbe auf dunklem (blauem) Hintergrund.<\/p>\n\n\n\n

Nicht verwenden:<\/strong> Verwenden Sie dies f\u00fcr gro\u00dfe Farbbl\u00f6cke oder Flie\u00dftext.<\/p>\n<\/div>\n\n\n\n

\n

#FFCC26<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Prim\u00e4r Blau<\/p>\n\n\n\n

Dies ist unsere zentrale Markenfarbe und der am besten erkennbare Teil unserer visuellen Identit\u00e4t. Sie sollte in den meisten Designs die dominierende Farbe sein. <\/p>\n\n\n\n

Am besten geeignet f\u00fcr:<\/strong> Haupt\u00fcberschriften, hervorgehobener Text, „L\u00f6sungs“-Symbole und wichtige Markenmomente.<\/p>\n<\/div>\n\n\n\n

\n

#2A71DB<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Haupttext<\/p>\n\n\n\n

Dieses Beinahe-Schwarz ist unsere Hauptfarbe f\u00fcr alle Texte. Sie wird verwendet, um eine gute Lesbarkeit zu gew\u00e4hrleisten, ohne die H\u00e4rte eines reinen Schwarz zu haben. <\/p>\n\n\n\n

Am besten geeignet f\u00fcr:<\/strong> Alle Haupttexte, Abs\u00e4tze und die meisten Zwischen\u00fcberschriften.<\/p>\n<\/div>\n\n\n\n

\n

#0A090B<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Sekund\u00e4rer Text<\/p>\n\n\n\n

Dieses ged\u00e4mpfte Grau schafft eine klare visuelle Hierarchie. Es wird f\u00fcr unterst\u00fctzende Informationen verwendet, die weniger auff\u00e4llig sein sollten als der Haupttext. <\/p>\n\n\n\n

Am besten geeignet f\u00fcr:<\/strong> Kleine Beschreibungstexte, Bildunterschriften, „Pain Point“-Schlagzeilen und andere unkritische Informationen.<\/p>\n<\/div>\n\n\n\n

\n

#4F4D55<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Leinwand<\/p>\n\n\n\n

Dies ist unsere Standard-Hintergrundfarbe. Sie bietet eine weiche, saubere und moderne Leinwand f\u00fcr unsere Inhalte und wird bei den meisten Anwendungen gegen\u00fcber reinem Wei\u00df bevorzugt. <\/p>\n\n\n\n

Am besten geeignet f\u00fcr:<\/strong> Folienhintergr\u00fcnde, Hintergr\u00fcnde f\u00fcr Webseiten und allgemeines Layout.<\/p>\n\n\n\n

Hinweis:<\/strong> Reines Wei\u00df (#FFFFFF<\/code><\/strong> ) kann als alternativer Hintergrund verwendet werden, wenn Layouts einen h\u00f6heren Kontrast erfordern oder graue Boxen mit Ebenen enthalten.<\/p>\n<\/div>\n\n\n\n

\n

#F9F9F9<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Typografie<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Schriftart<\/p>\n\n\n\n

Unsere Schriftart ist Inter.<\/p>\n\n\n\n

Inter ist kostenlos bei Google erh\u00e4ltlich .<\/a><\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Gewicht<\/p>\n\n\n\n

Um ein sauberes, konsistentes und leicht lesbares Layout zu schaffen, verwenden wir vier bestimmte Schriftschnitte unserer Markenschrift. Jedes Gewicht hat einen bestimmten Zweck. <\/p>\n\n\n\n

Licht<\/strong>

Verwenden Sie diese Schriftart sparsam, um eine luftige, anspruchsvolle Wirkung zu erzielen. Sie eignet sich am besten f\u00fcr gro\u00dfe Texte, wie z. B. eine wichtige Tagline auf einer Pr\u00e4sentationsfolie oder ein gro\u00dfes Kundenzitat. <\/p>\n\n\n\n

Hinweis: Vermeiden Sie die Verwendung von Light f\u00fcr kleinen Text oder lange Abs\u00e4tze, da dies schwer zu lesen sein kann.<\/p>\n\n\n\n

Regul\u00e4r<\/strong>

Dies ist unsere prim\u00e4re Standardschriftart f\u00fcr den gesamten Flie\u00dftext. Sie ist f\u00fcr maximale Lesbarkeit in Abs\u00e4tzen, Listen und den meisten allgemeinen Inhalten optimiert. <\/p>\n\n\n\n

Medium<\/strong>

Verwenden Sie Medium f\u00fcr Zwischen\u00fcberschriften, wichtige Aufforderungen oder zur Hervorhebung innerhalb eines Textblocks. Es schafft eine klare zweite Bedeutungsebene und eignet sich gut f\u00fcr Text auf farbigen Hintergr\u00fcnden. <\/p>\n\n\n\n

Halbfett<\/strong>

Dies ist unsere st\u00e4rkste Gewichtung, die f\u00fcr alle prim\u00e4ren \u00dcberschriften und Aussagen von hoher Priorit\u00e4t reserviert ist. Sie soll die Aufmerksamkeit auf sich ziehen und die wichtigste Botschaft vermitteln. <\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Sizing<\/p>\n\n\n\n

Wenn Sie die Proportionen beibehalten, erreichen Sie eine wichtige Hierarchie. Verwenden Sie diesen Gr\u00f6\u00dfenleitfaden als Ausgangspunkt, aber opfern Sie niemals die Lesbarkeit. <\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Fotografie<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Abschnitt<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Ikonen<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Stil<\/p>\n\n\n\n

Wir halten unsere Symbole einheitlich, indem wir einen unausgef\u00fcllten Stil mit einem d\u00fcnnen Strich verwenden.<\/p>\n\n\n\n

Sie k\u00f6nnen ein Symbol allein verwenden oder es in eine Form einschlie\u00dfen.<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Bibliothek<\/p>\n\n\n\n

Die meisten unserer Symbole stammen aus der Bibliothek Material Symbols & Icons.<\/p>\n\n\n\n

Die Bibliothek ist bei Google erh\u00e4ltlich .<\/a><\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n