Diese Guidelines fassen zusammen, wie die Marke aussieht, klingt und funktioniert, damit sie über jeden Kanal hinweg konsistent bleibt.
1.0
Systemic is a template designed to help you get going with a beautiful, new documentation for your product. It's a lightweight, structured template that's easy to make into your own. The template provides ready-made layouts, reusable components and a simple CMS setup to get you moving fast.
Wie die Marke spricht, was sie sagt und was sie bewusst weglässt.
Varianten, Aufbau und Schutzraum für den korrekten Einsatz.
Die Palette der Marke, ihre Verhältnisse und ihre Grenzen.
Schriften, Größen und Hierarchie ohne Umwege.
Icons, Raster, Abstände und Bildsprache an einem Ort.
Die Identität in echten Kontexten: Website, Social, Print und mehr.
Sprache ist das erste Werkzeug der Marke. Diese Sektion definiert, wie sie klingt, was sie sagt und was sie bewusst weglässt.
Die Grundhaltung der Sprache in zwei bis drei Sätzen, bevor es in Details geht.
Our brand voice is friendly, approachable, and professional. We aim to connect with our audience through clear and engaging communication. This voice should be reflected in all written content.
Der eine Satz, der die Marke definiert, und was er im Alltag bedeutet.
We position ourselves as a leader in innovative solutions, dedicated to enhancing user experience and delivering exceptional value to our customers.
Die Eigenschaften, die jeden Text prägen, jeweils mit einem Beispielsatz.
Our tone is conversational yet authoritative. We want to be seen as a trusted partner, providing insights and guidance while remaining relatable.
Die zentralen Zeilen der Marke und wann sie eingesetzt werden.
"Innovate Your Experience" and "Empowering Solutions for Tomorrow" are key taglines that encapsulate our brand ethos.
Reale Texte aus verschiedenen Kanälen als Referenz für neue Inhalte.
When writing for our brand, use clear and concise language. For example, instead of saying 'utilize', say 'use'. This keeps our messaging straightforward and effective.
Die verbindlichen Prinzipien für jeden Text, der die Marke verlässt.
Always use active voice, avoid jargon, and ensure that all content is accessible to a broad audience. Aim for clarity and brevity in all communications.
Anrede, Zahlen, Daten und Formate, damit alle gleich schreiben.
Follow standard English grammar rules. Use punctuation correctly and ensure that all sentences are complete and coherent.
Formulierungen und Muster, die nicht zur Marke gehören.
Do: Keep it simple and direct. Don't: Use overly complex language or industry jargon that may confuse the audience.
Das Logo ist das kompakteste Zeichen der Marke. Diese Sektion zeigt seine Varianten, seinen Aufbau und die Regeln für einen konsistenten Einsatz.
Jede Version des Logos und der Kontext, in dem sie eingesetzt wird.
Full Logo
Logo Mark / Icon
Wie das Logo aufgebaut ist und welche Proportionen ihm zugrunde liegen.
Der Raum, den das Logo braucht, um frei zu wirken.
Wie das Logo neben Partnermarken auftritt, ohne an Klarheit zu verlieren.
Konkrete Beispiele, was mit dem Logo nicht gemacht werden darf.
Do: Use the logo in its original colors. Don't: Alter the logo or use it in a way that misrepresents our brand.
Farbe schafft Wiedererkennung, bevor ein Wort gelesen ist. Diese Sektion definiert die Palette, ihre Verhältnisse und ihre Grenzen.
Die Kernfarben der Marke, meist ein bis drei Farbtöne, die in jeder Anwendung wiedererkennbar sind.
Ergänzende Farben, die Text, Hintergründe und Flächen tragen. Sie treten zurück, damit die Primärfarben wirken können, sind aber genauso Teil der Markenidentität.
Konkrete Regeln für den Einsatz der Farbpalette im Alltag, damit Farbe gezielt und konsistent bleibt statt beliebig zu variieren.
Do: Use our brand colors consistently. Don't: Use colors that clash with our established palette.
Schrift trägt jede Botschaft der Marke. Diese Sektion legt fest, welche Schriften gelten und wie Hierarchie ohne Umwege entsteht.
Die verwendeten Schriftarten und wofür sie jeweils eingesetzt werden, etwa Headline-Schrift, Fließtext-Schrift und ggf. eine separate Schrift für UI-Elemente.
Heading
Body
Accent
Die Rangfolge der Textebenen von Eyebrow bis Button, definiert über Schriftschnitt, Zeilenhöhe und Laufweite statt über feste Größen. So bleibt die Hierarchie flexibel für jedes Kundenprojekt, während die Beziehung der Ebenen zueinander konsistent bleibt.
Full Logo
Konkrete Regeln für den Schriftsatz im Alltag, damit Hierarchie über das gesamte Projekt hinweg konsistent bleibt.
Do: Use the specified fonts for all materials. Don't: Use unapproved fonts or styles that deviate from our brand identity.
Aus einzelnen Regeln werden wiederverwendbare Bausteine. Diese Sektion versammelt Icons, Raster, Abstände und Bildsprache an einem Ort.
Die Icon-Bibliothek der Marke und die Regeln für einen einheitlichen Einsatz.
Full Logo
Das Raster hinter jedem Layout: Spalten, Container und Breakpoints.
Full Logo
Die Abstandsskala der Marke und wie sie Hierarchie und Ruhe erzeugt.
Die Bildsprache der Marke: Stil, Stimmung und was nicht dazu passt.
Full Logo
Muster, Linien und Formen der Marke und wann sie zum Einsatz kommen.
Full Logo
Konkrete Regeln für den Schriftsatz im Alltag, damit Hierarchie über das gesamte Projekt hinweg konsistent bleibt.
Do: Ensure all assets are aligned and properly spaced. Don't: Overcrowd layouts or use inconsistent spacing.
Eine Marke beweist sich erst im Einsatz. Diese Sektion zeigt, wie die Identität in echten Kontexten zusammenkommt.
Sie sind der Standard für jeden Touchpoint der Marke. Abweichungen brauchen einen guten Grund und sollten mit uns abgestimmt werden.
Am nächstverwandten Prinzip orientieren und im Zweifel kurz nachfragen statt zu improvisieren.
Nein. Nur die hier gezeigten Varianten verwenden, in Originalfarbe und ohne Verzerrung.
Bei Bedarf, wenn sich Marke oder Anwendung weiterentwickeln. Diese Seite ist immer die aktuelle Version, nicht ein exportiertes PDF.
Founder & Creative Director
