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 voice is engaging and informative, designed to connect with our audience on a personal level.
Der eine Satz, der die Marke definiert, und was er im Alltag bedeutet.
We aim to be recognized as a leader in providing innovative solutions that enhance customer experiences.
Die Eigenschaften, die jeden Text prägen, jeweils mit einem Beispielsatz.
Our tone is friendly and professional, fostering a sense of trust and reliability.
Die zentralen Zeilen der Marke und wann sie eingesetzt werden.
"Transforming Ideas into Reality" and "Your Partner in Innovation" are key messages that define our brand.
Reale Texte aus verschiedenen Kanälen als Referenz für neue Inhalte.
Use simple language that resonates with our audience. For example, prefer 'use' over 'utilize' for clarity.
Die verbindlichen Prinzipien für jeden Text, der die Marke verlässt.
Maintain a conversational tone, use short sentences, and ensure that all content is engaging and informative.
Anrede, Zahlen, Daten und Formate, damit alle gleich schreiben.
Adhere to standard grammar rules to maintain professionalism in all communications.
Formulierungen und Muster, die nicht zur Marke gehören.
Do: Be authentic and relatable. Don't: Use vague statements that lack substance.
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 form. Don't: Alter its proportions or colors.
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 color palette consistently. Don't: Introduce colors that are not part of our brand.
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: Stick to the approved typefaces. Don't: Use decorative fonts that detract from our message.
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 a clean and organized layout. Don't: Overcomplicate designs with unnecessary elements.
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
