Brand Basics
Die Wings sind das zentrale Gestaltungselement unserer Marke und aus dem »k« des Logos abgeleitet.
Sie sind vielseitig einsetzbar: als grafisches Einzelelement, Bild-Container oder auch als animiertes Muster.
Du kannst die Wings sowohl in Purple als auch in Yellow nutzen. Achte dabei auf die passende Hintergrundfarbe.
Best Practice
Das Wing-Element ist aus dem Logo-Buchstaben »k« abgeleitet. Es kann auf unterschiedliche Weise eingesetzt und in alle Richtungen ausgerichtet werden: nach oben, unten, links oder rechts. Animiert können aus den duplizierten Wings spannende Muster entstehen.
Der Wing ist auch im Buchstaben »k« unserer Hausschrift enthalten.
Wings statisch
Wings als Bildcontainer
Wings können als klassischer Bildcontainer dienen. Sie können aber auch frei mit Bildern oder Illustrationen kombiniert werden. Sich überlagernde Ebenen erzeugen dabei einen magazinigen Charakter und lockern dein Layout deutlich auf.
Sei mutig in der Farbe. Illustrationen funktionieren z. B. gut auf gelben Hintergründen.
Beispiele
Bei der Ausrichtung bist du frei und kannst die Wings flexibel einsetzen — wie hier am Beispiel eines Podcast-Covers.
Wing als Flächenteiler
Das Wing-Element kann dabei helfen, dein Layout zu strukturieren und Text- und Bildfläche zu gliedern. Dabei gilt keine festgeschriebene Ratio. Die Flächen orientieren sich vielmehr am eingesetzten Content.
Um den größtmöglichen Gestaltungsfreiraum zu schaffen, haben wir uns bewusst für ein sehr flexibles Layout entschieden.
Beispiele
Linksbündig oder mehr mittig: du entscheidest, wo du deine Headline platzierst.
Größere Bilder benötigen z. B eine größere Hintergrundfläche als kompaktere.
Wing als Grafikelement
Die Wings können auch einzeln verwendet werden. Zum Beispiel verleihen sie Hintergründen in Social Media Assets zusätzliche Tiefe. Auch die Kombination mit leichten Verläufen ist möglich. In räumlichen Anwendungen können die Wings zudem als grafisches Element mit leitender Funktion eingesetzt werden.
Nutze den Wing randabfallend. Welche Farbe ihr als Hintergrund wählt bleibt euch überlassen.
Beispiele
Nutzte den Wing, um eure Bildaussagen zu unterstreichen – z. B. indem sie in Richtung einer Headline oder einer Illustration zeigen.
Sich wiederholende Wings können z. B. in Einzelfällen auch spannende Akzente setzen.
Auch als Bulletpoint kann das Wing-Element hilfreich sein.
Wings als Muster
Die Wings eignen sich auch für den grafischen Einsatz und können spannende Muster erzeugen. Diese wirken stark markenbildend und lassen sich besonders gut animieren.
Beispiele
Die Muster können kleinteilig zusammengesetzt sein.
Oder als grobes Muster für Spannung sorgen.
Wings animiert
Hier steht später noch Text zum animierten Einsatz des Wings. Hier steht später noch Text zum animierten Einsatz des Wings. Hier steht später noch Text zum animierten Einsatz des Wings.
Hier steht später noch Text zum animierten Einsatz des Wings.
Do's und Don'ts
Das Wing-Element ist gut, so wie es ist. Vermeide Stauchungen und Dehnungen.
Unser Wing-Element ist stark, sollte aber nicht überstrapaziert werden.
Simple is key: Verwende keine Ränder oder Margins für den Wing in unseren Formaten.
