Brand Guidelines

This template contains everything you need to quickly setup a structured, lightweight documentation for your products.

Introduction

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.

Messaging

Von der grundsätzlichen Haltung über verbindliche Stilregeln bis zu Grammatik und No-Gos. Sie ist die Grundlage für jeden Text, der im Namen der Marke entsteht, egal ob Website, Angebot oder Social Media.

Wie wir sprechen

Die Grundhaltung der Sprache in zwei bis drei Sätzen, bevor es in Details geht.

Nordlicht Studio spricht wie ein Architekt, der mit dir am Modelltisch steht: ruhig, konkret, ohne Verkaufsdruck. Jeder Satz erklärt eine Entscheidung, statt eine Stimmung zu behaupten.

Wir sprechen über Räume so, wie Menschen tatsächlich über Räume sprechen. Nicht wie ein Exposé.

Verbindliche Stilregeln

Konkrete, nicht verhandelbare Regeln — Schreibweisen, Begriffe, Grundprinzipien. Kein Interpretationsspielraum.

  • Studioname: immer „Nordlicht Studio", nie „Nordlicht" allein, nie ohne Leerzeichen
  • Begriffe: „Grundriss" statt „Floorplan" oder „Layout", auch international
  • Aktiv statt Passiv: „Der Raum öffnet sich zum Garten", nicht „Der Raum wird geöffnet"
  • Absätze: kurz, klare Umbrüche, keine Textwände
  • Sätze: ein Gedanke pro Satz. Tempo schlägt Vollständigkeit
  • Copy-Beispiele

    Längere Textbeispiele, die zeigen, wie sich Ton und Stilregeln in echter Anwendung lesen — als Referenz für neue Texte.

    Die meisten Grundrisse werden für den Moment der Besichtigung entworfen, nicht für den Alltag danach.

    Nordlicht Studio dreht das um. Wir fragen zuerst, wie ein Raum um sieben Uhr morgens genutzt wird, nicht wie er auf Fotos wirkt.

    Das Ergebnis sind Räume, die noch in zehn Jahren funktionieren. Nicht nur am Tag des Einzugs.

    Ein Zuhause ist kein Ausstellungsstück. Es ist der Ort, an dem dein Tag beginnt und endet.

    Nordlicht Studio entwirft dafür. Nicht für den ersten Eindruck, sondern für die Gewohnheit.

    Writing Guidelines

    Benannte Prinzipien mit Erklärung — die Denkweise hinter den Stilregeln, nicht nur die Regeln selbst.

    Nutzen vor Feature. Erst erklären, was ein Raum für den Alltag bedeutet, dann die architektonische Lösung dahinter.

    Konkret statt abstrakt. Begriffe wie „einzigartig" oder „inspirierend" vermeiden. Stattdessen beschreiben, was tatsächlich zu sehen oder zu spüren ist: Lichteinfall, Wegeführung, Materialität.

    Der Kunde bleibt Hauptfigur. Nordlicht Studio ist Begleiter, nicht Held der Geschichte.

    Fortschritt zeigen, nicht behaupten. Konkrete Entscheidungen und deren Wirkung nennen, nicht pauschal „hochwertige Umsetzung".

    Tone & Voice

    Voice bleibt über alle Kanäle gleich — die Persönlichkeit der Marke. Tone passt sich dem Kontext an — wie diese Persönlichkeit sich je nach Situation äußert.

    Voice (bleibt immer gleich)

    • Ruhig, präzise, unaufgeregt, sachlich-warm

    Tone auf der Website

    • Erklärend, geduldig

    Tone in Angeboten

    • Direkt, konkret, ohne Fachjargon

    Tone auf Social Media

    • Kürzer, mehr Persönlichkeit, nie laut
    Tone & Voice

    Voice bleibt über alle Kanäle gleich — die Persönlichkeit der Marke. Tone passt sich dem Kontext an — wie diese Persönlichkeit sich je nach Situation äußert.

    Aktiv vor Passiv

    • Falsch: Der Wohnraum wird durch große Fenster geöffnet.
    • Richtig: Große Fenster öffnen den Wohnraum.

    Zahlen 0–9 ausschreiben

    • Falsch: 3 Grundrissvarianten
    • Richtig: drei Grundrissvarianten

    Zahlen ab 10 als Ziffer

    • Falsch: zwölf Wochen Bauzeit
    • Richtig: 12 Wochen Bauzeit

    Datumsformat

    • Falsch: 14.03.25
    • Richtig: 14. März 2025

    Satzzeichen in CTAs

    • Falsch: Jetzt anfragen!
    • Richtig: Jetzt anfragen

    Was vermieden wird

    Konkrete No-Gos, die in Kundentexten immer wieder auftauchen — mit kurzer Begründung statt reiner Verbotsliste.

  • Superlative ohne Beleg: „einzigartig", „außergewöhnlich", „das beste Studio der Stadt"
  • Maklersprache: „Traumimmobilie", „Wohntraum", „exklusives Highlight"
  • Verschleiernde Passivkonstruktionen
  • Vergleiche mit anderen Studios oder Wettbewerbern
  • Fachbegriffe ohne Erklärung, z. B. „U-Wert" ohne Kontext
  • Übertriebene Ausrufe oder Emoji-Einsatz in professioneller Kommunikation
  • Logo

    Von den vorhandenen Varianten über Abstände und Mindestgrößen bis zur falschen Anwendung. Sie sorgt dafür, dass das Logo über alle Anwendungen hinweg gleich erkennbar bleibt, unabhängig davon, wer es einsetzt.

    Logo-Varianten

    Die vorhandenen Ausführungen des Logos, inklusive Farbversionen, und wann welche zum Einsatz kommt.

    Full Logo

    Logo Mark / Icon

    Schutzraum & Mindestgrößen

    Der Mindestabstand um das Logo sowie die kleinste zulässige Darstellungsgröße, getrennt nach digitalem und gedrucktem Einsatz.

    Co-branding

    Wie das Logo neben anderen Logos platziert wird, etwa bei Partnerschaften, Sponsoring oder gemeinsamen Projekten. Regelt Abstand, Größenverhältnis und Trennung zwischen den Marken.

    Falschanwendung

    Konkrete Beispiele, was mit dem Logo nicht gemacht werden darf.

  • Nicht verzerren. Logo nie proportional verzerren, gestaucht oder gestreckt.
  • Nicht neu einfärben. Nur die freigegebenen Farbversionen verwenden, keine eigenen Farbvarianten erstellen.
  • Nicht auf unruhigem Hintergrund platzieren. Logo braucht ausreichend Kontrast und ruhige Fläche, kein Platzieren auf komplexer Fotografie ohne Schutzfläche.
  • Nicht neu zusammensetzen. Icon und Schriftzug nicht in eigenem Abstand oder eigener Anordnung neu bauen.
  • Keine Effekte hinzufügen. Kein Schlagschatten, kein Verlauf, keine Umrandung.
  • Nicht rotieren. Logo immer gerade ausrichten, nie gekippt oder gedreht einsetzen.
  • Color

    Von den Kernfarben über ergänzende Töne bis zu Einsatzregeln und Lesbarkeit. Sie sorgt dafür, dass Farbe gezielt eingesetzt wird und nicht zufällig variiert, egal auf welchem Kanal.

    Primärpalette

    Die Kernfarben der Marke, meist ein bis drei Farbtöne, die in jeder Anwendung wiedererkennbar sind.

    CONNECT_NAME_FELD
    Hex CONNECT_FARBE_FELD
    CMYK CONNECT_CMYK_FELD
    Neutrals

    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.

    Reinweiß
    Hex #FFFFFF
    CMYK 0, 0, 0, 0
    Nebel
    Hex #F5F3EF
    CMYK 2, 2, 5, 0
    Kalkstein
    Hex #E8E3DA
    CMYK 4, 4, 9, 0
    Sand
    Hex #D8D1C4
    CMYK 8, 8, 16, 0
    Ton
    Hex #B8AE9C
    CMYK 15, 15, 27, 4
    Stein
    Hex #948A78
    CMYK 22, 22, 36, 10
    Nebelgrau
    Hex #6E655A
    CMYK 32, 32, 42, 25
    Schiefer
    Hex #4A433B
    CMYK 45, 43, 52, 45
    Rauch
    Hex #2C2822
    CMYK 55, 52, 60, 72
    Anthrazit
    Hex #0A0B0D
    CMYK 68, 62, 58, 82
    Do's & Don'ts

    Konkrete Regeln für den Einsatz der Farbpalette im Alltag, damit Farbe gezielt und konsistent bleibt statt beliebig zu variieren.

  • Kontrast prüfen. Text und Hintergrund immer mit ausreichendem Kontrastverhältnis kombinieren, besonders bei helleren Neutraltönen.
  • Neutrals für Fläche, Primärfarbe für Akzent. Primärfarben gezielt einsetzen, nicht großflächig.
  • Konsistente Tonalität. Innerhalb eines Layouts nur Farben aus der freigegebenen Palette verwenden, keine eigenen Zwischentöne mischen.
  • Keine beliebigen Farbverläufe. Verläufe nur, wenn sie explizit Teil des Farbsystems sind.
  • Keine Farbe außerhalb der Palette. Auch kein naheliegendes „ähnliches" Grau oder Beige aus einem anderen Projekt übernehmen.
  • Kein Schwarz pur (#000000). Falls ein Anthrazit-/Neutralton als dunkelster Wert definiert ist, diesen verwenden statt reines Schwarz.
  • Typography

    Von der Schriftfamilie über die Größenstufen bis zu den Einsatzregeln. Sie sorgt dafür, dass Hierarchie ausschließlich über Größe, Farbe und Abstand entsteht, nie über Fettung.

    Schriftfamilie

    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.

    Full Logo

    Full Logo

    Full Logo

    Hierarchie

    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

    Do's & Don'ts

    Konkrete Regeln für den Schriftsatz im Alltag, damit Hierarchie über das gesamte Projekt hinweg konsistent bleibt.

  • Hierarchie über Größe, Farbe, Abstand. Nie über Fettung. Kein font-weight außerhalb der definierten Schriftschnitte einsetzen.
  • Nur die definierten Schriftschnitte verwenden. Keine zusätzlichen Cuts wie Bold oder Black hinzufügen, wenn sie nicht Teil der Hierarchie sind.
  • Ein Gedanke, eine Ebene. Keine Überschrift, die eigentlich Fließtext ist, nur um sie hervorzuheben.
  • Konsistente Zeilenlänge. Fließtext nicht über die gesamte Breite eines großen Containers laufen lassen, Lesbarkeit geht vor Flächenfüllung.
  • Keine Großbuchstaben-Fließtexte. Versalien nur für kurze, gezielte Elemente wie Eyebrows oder Labels.
  • Keine willkürlichen Zwischengrößen. Jede Textebene ordnet sich einer der definierten Hierarchiestufen zu, keine Einzelfälle dazwischen erfinden.
  • FAQ

    How do I get started with Systemic?

    To get started, simply duplicate the template and begin customizing the content to fit your project. You can update text, restructure pages, and adjust styles to match your brand.

    Can I customize the layout and components?

    Yes, the template is fully customizable. You can modify layouts, reuse components, and adapt the structure to suit your documentation needs without limitations.

    Is this template suitable for scaling projects?

    Absolutely. The template is designed to stay lightweight while supporting growth, making it easy to expand your documentation as your product evolves.

    Do you need help? We help to apply your brand.

    Robin Künnecke

    Founder & Creative Director