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

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.
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.
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.
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é.
Konkrete, nicht verhandelbare Regeln — Schreibweisen, Begriffe, Grundprinzipien. Kein Interpretationsspielraum.
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.
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".
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)
Tone auf der Website
Tone in Angeboten
Tone auf Social Media
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
Zahlen 0–9 ausschreiben
Zahlen ab 10 als Ziffer
Datumsformat
Satzzeichen in CTAs
Konkrete No-Gos, die in Kundentexten immer wieder auftauchen — mit kurzer Begründung statt reiner Verbotsliste.
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.
Die vorhandenen Ausführungen des Logos, inklusive Farbversionen, und wann welche zum Einsatz kommt.

Full Logo

Logo Mark / Icon
Der Mindestabstand um das Logo sowie die kleinste zulässige Darstellungsgröße, getrennt nach digitalem und gedrucktem Einsatz.
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.
Konkrete Beispiele, was mit dem Logo nicht gemacht werden darf.
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.
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.
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.
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
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.
font-weight außerhalb der definierten Schriftschnitte einsetzen.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.
Yes, the template is fully customizable. You can modify layouts, reuse components, and adapt the structure to suit your documentation needs without limitations.
Absolutely. The template is designed to stay lightweight while supporting growth, making it easy to expand your documentation as your product evolves.
Founder & Creative Director
