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 authoritative yet approachable, designed to instill trust and confidence in our audience.
Der eine Satz, der die Marke definiert, und was er im Alltag bedeutet.
We strive to be the go-to source for innovative solutions that empower our customers to achieve their goals.
Die Eigenschaften, die jeden Text prägen, jeweils mit einem Beispielsatz.
Our tone is professional and supportive, ensuring that our audience feels valued and understood.
Die zentralen Zeilen der Marke und wann sie eingesetzt werden.
"Innovate with Us" and "Your Success, Our Commitment" encapsulate our brand philosophy.
Reale Texte aus verschiedenen Kanälen als Referenz für neue Inhalte.
Use clear and concise language. For example, replace 'facilitate' with 'help' to enhance understanding.
Die verbindlichen Prinzipien für jeden Text, der die Marke verlässt.
Focus on clarity and engagement. Use bullet points for lists and keep paragraphs short.
Anrede, Zahlen, Daten und Formate, damit alle gleich schreiben.
Follow standard grammar rules to ensure professionalism in all communications.
Formulierungen und Muster, die nicht zur Marke gehören.
Do: Be clear and direct. Don't: Use jargon that may alienate your 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 as specified. Don't: Alter its colors or proportions.
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: Combine colors that clash.
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 designated fonts. Don't: Use fonts that are not approved.
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: Keep layouts clean and organized. Don't: Overcrowd designs with too many 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
