sicher
ist sicher
Inhalt
Brandbook · Version 1.0 · Stand November 2026

Brandschutz, bevor es brennt.

Das Markenhandbuch von sicher ist sicher. Haltung, Logo, Farbe, Schrift, Sprache und alle Vorlagen für Druck und Digital, an einem Ort und für alle, die mit der Marke arbeiten.

Wie auf jedem Gerät, das wir warten: Die Plakette zeigt, wann dieses Handbuch zuletzt geprüft wurde.
1Bildmarke
1Schriftfamilie
6Farben
57fertige Dateien
Kapitel 01

Haltung

Brandschutz ist Pflicht. Die meisten Anbieter verkaufen ihn mit Flammen, Angst und Clipart. Wir verkaufen ihn mit Ordnung: Wir wissen, was wann fällig ist, und melden uns, bevor es eng wird.

Für Hausverwaltungen und Betriebe, die ihre Brandschutzpflichten nicht selbst im Blick behalten wollen, ist sicher ist sicher der Brandschutzdienst, der Wartung, Prüffristen und Schulung aus einer Hand übernimmt und rechtzeitig erinnert.

verlässlich

Termine stehen, Protokolle sind vollständig, Fristen werden nicht verpasst. Das ist das Versprechen hinter dem Namen.

klar

Wir nennen die Norm, die Frist und den Preis. Kein Fachchinesisch, keine Kleingedruckt-Überraschungen.

wach

Digital organisiert: Erinnerung per E-Mail, Termin online, Protokoll als PDF. Ein moderner Fachbetrieb.

So sieht die Branche aus
  • Rot, Flammen und Feuerwehrhelme auf jeder Fläche
  • Angst als Verkaufsargument
  • Termine per Telefon, Protokolle auf Durchschlagpapier
  • Website seit 2009 unverändert
So sieht sicher ist sicher aus
  • Nachtblau und Signalorange, Ordnung statt Alarm
  • Ruhe als Verkaufsargument: Wir haben es im Blick
  • Fristen-Erinnerung automatisch, Termin online buchbar
  • Ein System von der Plakette bis zum Social-Post
LeistungenFeuerlöscher-Wartung, Rauchmelder, Brandschutzhelfer-Schulung, Flucht- und Rettungspläne
ZielgruppeHausverwaltungen, Gewerbe, Handwerk, Praxen
UmfeldRegionale Fachbetriebe mit roter Feuerwehr-Optik
Kapitel 03

Nachtblau trägt. Orange warnt.

Orange ist die Farbe von Warnwesten und Einsatzkleidung und ist in DIN EN ISO 7010 nicht belegt. Damit bleibt die Marke im Feuer-Spektrum, ohne mit dem Rot der Brandschutzschilder zu konkurrieren, die wir selbst montieren.

Mengenverhältnis auf einer typischen Fläche
70 % Nachtblau
20 % Nebel & Weiß
7 %

Orange kommt einmal pro Fläche vor. Leuchtblau ist ein Werkzeug für Muster, Social und Fristen, nie eine große Hintergrundfarbe in Drucksachen und nie als runde Kennzeichnung, damit es nicht mit dem Blau der Gebotszeichen verwechselt wird.

Kontrast-Check

Schrift
Grund
16,1 : 1

Prüftermin 03/2027

Feuerlöscher müssen spätestens alle zwei Jahre von einer sachkundigen Person geprüft werden. Wir tragen die Termine ein und melden uns rechtzeitig.

Kapitel 04

Eine Schrift. Barlow.

Barlow steht in der Tradition der DIN 1451, der Schrift auf deutschen Verkehrs- und Hinweisschildern. Für einen Betrieb, der nach DIN prüft, ist das die ehrlichste Wahl. Sie steht unter der SIL Open Font License und ist damit frei für Druck, Web, Fahrzeug und Software.

Aa
Regular 400 · Fließtext
Medium 500 · Wortmarke
Semibold 600 · Headlines
Condensed 600 · Display, Plakat
ÄÖÜ äöü ß § ° € 0123456789 · DIN 14676
Rauchmelder nach DIN 14676: einmal im Jahr.

Text anklicken und selbst schreiben.

H1 · 61 px · 600

Brandschutz

H2 · 39 px · 600

Prüffristen im Blick

H3 · 25 px · 600

Rauchmelder nach DIN 14676

Lead · 20 px · 400

Wartung, Schulung und Pläne aus einer Hand.

Body · 16 px · 400

Wir prüfen Feuerlöscher nach DIN 14406-4 und dokumentieren jede Prüfung mit Plakette und Protokoll.

Label · 13 px · 600

Nächste Prüfung · 03/2027

Skala mit Faktor 1,25 auf Basis 16 px: 13 · 16 · 20 · 25 · 31 · 39 · 49 · 61. Fallback: „Helvetica Neue“, Arial, sans-serif.

Typografie · Dachzeile

Jede Headline kann eine Dachzeile tragen

Die Dachzeile ordnet ein, bevor die Headline spricht: Leistung, Norm, Zielgruppe oder Rubrik. Sie ist optional, aber wenn sie steht, sieht sie überall gleich aus. Marke und Schrift bekommen ihre Farbe vom Hintergrund.

Feuerlöscher · DIN 14406-4

Alle zwei Jahre geprüft.

  • MarkeDie Bildmarke in 16 × 16 px, 8 px Abstand zum Text, auf der Mitte der Versalhöhe. Sie ist Grafik und darf deshalb auch dort Orange sein, wo Orange als Schrift nicht lesbar wäre. 16 px ist ihre Mindestgröße, kleiner wird sie nie.
  • SchriftBarlow 600, Versalien, Laufweite +0,14 em. 13 px über H2 und H3, 16 px über H1.
  • AbstandEine Dachzeilenhöhe bis zur Headline: 13 px über H2/H3, 16 px über H1.
  • TextHöchstens vier Wörter oder eine Norm, ohne Satzzeichen am Ende. Mehrere Begriffe trennt ein Mittelpunkt.
Leistungen

Wartung aus einer Hand

Grund
Nachtblau
Marke
Signalorange
Schrift
Signalorange · 5,6 : 1
Fristen-Tipp

Rauchmelder jährlich prüfen

Grund
Nachtblau, nur Social & Fristen
Marke
Weiß
Schrift
Leuchtblau · 7,3 : 1
Für Hausverwaltungen

Alle Objekte, ein Termin­plan

Grund
Nebel
Marke
Signalorange
Schrift
Nachtblau · 13,9 : 1
Schulung · DGUV 205-023

Brandschutz­helfer in einem Tag

Grund
Weiß
Marke
Signalorange
Schrift
Nachtblau · 16,1 : 1
Kampagne

Brandschutz, bevor es brennt.

Grund
Signalorange
Marke
Nachtblau
Schrift
Nachtblau · 5,6 : 1
Karriere

Werde Prüfer bei uns

Grund
Leuchtblau
Marke
Nachtblau
Schrift
Nachtblau · 7,3 : 1
HintergrundBildmarkeDachzeileKontrastWarum
NachtblauSignalorangeSignalorange5,6 : 1Standard. Die eine Orange-Stelle der Fläche.
NachtblauWeißLeuchtblau7,3 : 1Nur bei Fristen und Social, wenn Orange schon auf der Fläche steht. Die Marke steht nie in Leuchtblau.
NebelSignalorangeNachtblau13,9 : 1Orange als Schrift erreicht hier nur 2,5 : 1.
WeißSignalorangeNachtblau16,1 : 1Orange als Schrift erreicht hier nur 2,9 : 1.
SignalorangeNachtblauNachtblau5,6 : 1Auf Orange nie Weiß.
LeuchtblauNachtblauNachtblau7,3 : 1Weiß erreicht hier nur 2,2 : 1.

Faustregel: Auf Nachtblau leuchtet die Dachzeile, auf allen anderen Gründen ist sie Nachtblau. Die kleine Marke ist Signalorange, auf farbigem Grund Nachtblau.

Typografie · Schriftsysteme

Barlow zuerst. Noto für alle anderen Schriften der Welt.

Barlow deckt Deutsch, Türkisch, Polnisch, Rumänisch, Kurdisch (Kurmancî) und Vietnamesisch ab. Für Kyrillisch, Arabisch, Persisch, Chinesisch und alle weiteren Schriftsysteme springt Noto Sans ein. Die Familie von Google deckt über 1.000 Sprachen ab, ist frei lizenziert und passt in Proportion und Strichstärke zu Barlow.

Barlow · LateinDuman dedektörü bakımı

Deutsch, Türkçe, Polski, Română, Kurdî, Tiếng Việt, English

Noto Sans · KyrillischОбслуживание дымовых извещателей

Русский, Українська, Български, Српски

Noto Sans Arabic · RTLصيانة أجهزة كشف الدخان

العربية, فارسی, کوردی (Soranî), اردو

Noto Sans SC · Chinesisch烟雾报警器维护

中文. Weitere Noto-Schnitte für alle übrigen Schriften

Rauchmelder · DIN 14676

Wir prüfen Ihre Rauchmelder.

Links nach rechts: Marke links, Text linksbündig.

أجهزة كشف الدخان · DIN 14676

سنفحص أجهزة كشف الدخان لديكم.

Rechts nach links: Das Layout spiegelt, die Marke steht rechts. Normen und Ziffern bleiben links nach rechts.

Regel: Barlow steht immer an erster Stelle im Font-Stack, Noto nur für Zeichen, die Barlow nicht hat. Headlines in 600, Text in 400, in jeder Schrift. Arabische und persische Texte nie in Versalien oder mit Laufweite setzen, beides gibt es dort nicht.

Kapitel 05

Wir reden wie ein guter Prüfer.

Ein guter Prüfer sagt, was er gefunden hat, was zu tun ist und bis wann. Er macht keine Angst und redet nicht drumherum. So schreiben wir überall, vom Angebot bis zur Instagram-Caption.

Konkret

Norm, Frist, Ort, Preis. Wer „alle zwei Jahre nach DIN 14406-4“ schreibt, braucht kein „kompetent“.

Ruhig

Keine Ausrufezeichen, keine Flammen, keine Angstmache. Sicherheit verkauft man mit Ruhe.

Freundlich

Wir siezen unsere Kunden, schreiben aber wie Menschen. Kurze Sätze, aktive Verben, ein Gruß am Ende.

So nichtIm Brandfall zählt jede Sekunde! Handeln Sie JETZT!
So schonIhre Feuerlöscher sind im März fällig. Wir kommen am Donnerstag, 18. März. Passt Ihnen das?
So nichtIhr kompetenter Partner für ganzheitliche Brandschutzlösungen.
So schonWir warten Feuerlöscher, prüfen Rauchmelder und schulen Ihre Brandschutzhelfer.
So nichtInspektion gem. einschlägiger Vorschriften erfolgt turnusmäßig.
So schonPrüfung nach DIN 14406-4, alle zwei Jahre. Das Protokoll bekommen Sie als PDF.
Unser Wortschatz
Inspektion→Prüfung
Lösungen→die Leistung beim Namen nennen
zeitnah→ein Datum
Sicherheitspartner→Brandschutzdienst
SICHER IST SICHER→sicher ist sicher
DIN14676→DIN 14676
Übersetzbar schreiben

Jeder Text muss eine Maschinenübersetzung überleben

Ein Gedanke pro SatzHöchstens 12 Wörter. Kurze Sätze übersetzt jede Software richtig.
Datum mit Wochentag„Donnerstag, 18.03.2027“. Ziffern versteht man auch ohne Übersetzung.
Uhrzeit in 24 Stunden„8:00 bis 12:00 Uhr“, nie „vormittags“ oder „gegen Mittag“.
Keine Abkürzungen„etwa“ statt „ca.“, „wenn nötig“ statt „ggf.“. Abkürzungen übersetzt keine Maschine sicher.
Keine Redewendungen„Wir sind für Sie da“ statt „Wir stehen Ihnen mit Rat und Tat zur Seite“.
Jeder Hinweis mit IconRauchmelder, Tür, Kalender: Das Bild trägt die Botschaft, auch wenn der Text nicht ankommt.
So nichtBei Abwesenheit ggf. Zugang über Nachbarn sicherstellen, da sonst kostenpflichtiger Folgetermin.
So schonSie sind nicht zu Hause? Geben Sie Ihren Schlüssel einer Nachbarin oder einem Nachbarn.

Der Name „sicher ist sicher“ wird nie übersetzt. Er steht in jeder Sprache so da, wie er im Logo steht.

Kapitel 06

Ring und 30°-Schnitt als Fläche

Die Bildmarke wird groß angeschnitten und zur Fläche. Muster und Hintergründe stammen aus derselben Geometrie, deshalb gehören sie sichtbar zusammen, auch ohne Logo darauf. Die Marke bleibt dabei immer ganz und lesbar.

Orange und Leuchtblau zusammen, aber nur im Halbring-Muster.Das ist die einzige Stelle, an der beide Akzente gemeinsam auftreten. Überall sonst gilt: eine Farbe zusätzlich zum Grund.

Halbringe, hell

Helle Variante für Plakate und Aushänge mit wenig Text.

SiS_Pattern_Halbringe_hell.svg

Schnitt, dunkel

Ton-in-Ton-Streifen auf 30° für ruhige Flächen und Folienhintergründe.

SiS_Pattern_Schnitt_dunkel.svg

Schnitt, Leuchtblau

Laute Variante für Fahrzeugflächen, Bauzaunbanner und Messewand.

SiS_Pattern_Schnitt_hell.svg

Marken-Raster, dunkel

Versetztes Raster aus Bildmarken für Mappeninnenseiten und Geschenkpapier.

SiS_Pattern_Raster_dunkel.svg

Marken-Raster, hell

Helle Variante für Briefumschlag-Innendruck und Social-Hintergründe.

SiS_Pattern_Raster_hell.svg
Hintergründe · 1920 × 1080

Nacht

Standard für Präsentationen und Website-Hero. Text links, Marke rechts angeschnitten.

SiS_BG_01_Nacht.svg

Signal

Für Kapiteltrenner und Kampagnenmotive. Marke links, Text rechts und immer in Nachtblau.

SiS_BG_02_Signal.svg

Nebel

Heller Hintergrund für Angebote, Aushänge und Schulungsunterlagen. Nur die Marke in Nachtblau, angeschnitten.

SiS_BG_03_Nebel.svg

Halbringe

Das Halbringe-Muster als Feld im rechten Drittel, nur aus ganzen Ringen. Links bleibt eine ruhige Fläche für Headline und Text.

SiS_BG_04_Halbringe.svg

Ruhe

Die Bildmarke Ton in Ton. Für textlastige Folien, auf denen die Marke nur mitschwingt.

SiS_BG_05_Ruhe.svg

Leuchtblau

Für Social, Events und Recruiting. Marke und Text in Nachtblau.

SiS_BG_06_Leuchtblau.svg
Kapitel 07

Zwölf Icons aus der Prüfpraxis

Jedes Icon zeigt ein Gerät oder eine Leistung, die wir wirklich anbieten. Linie in Nachtblau oder Weiß, darunter eine Akzentfläche. Gezeichnet auf einem 48er-Raster mit 2,5er-Strich und runden Enden.

Feuerlöscher
Rauchmelder
Brandschutztür
Flucht- und Rettungsplan
Brandschutzhelfer-Schulung
Prüfplakette
Wandhydrant
Sprinkleranlage
Druckknopfmelder
Sicherheitsbeleuchtung
Prüfprotokoll
Prüffrist

Ab 24 px

Kleiner verlieren die Details ihren Sinn. In Tabellen und Formularen 24 px, in Kacheln 48 bis 64 px.

Akzent unter der Linie

Die Farbfläche liegt hinter der Kontur und markiert den wichtigsten Teil: den Griff, den Melderkopf, den Fluchtweg.

Keine Piktogramme nach ISO 7010

Unsere Icons erklären Leistungen. Sie ersetzen nie ein genormtes Sicherheitszeichen auf Plänen oder an der Wand.

Kapitel 08

Online zuerst. Die Erinnerung ist das Produkt.

Unsere Kunden suchen uns bei Google, buchen online und wollen nicht an Fristen denken müssen. Deshalb ist die Website eine Terminmaschine und die Fristen-Erinnerung unser wichtigster Kontaktpunkt.

sicher-ist-sicher.de

Brandschutz, bevor es brennt.

Wir warten Ihre Feuerlöscher und Rauchmelder, schulen Ihre Brandschutzhelfer und erstellen Flucht- und Rettungspläne. Jede Frist ist bei uns eingetragen.

Prüftermin anfragenLeistungen ansehen
Ihre Prüffristen
Feuerlöscher · DIN 14406-4alle 2 J.
Rauchmelder · DIN 14676jährlich
Brandschutzhelfer · DGUV 205-0233–5 J.
Ihre Feuerlöscher-Prüfung in 30 Tagenvon termine@sicher-ist-sicher.de
sicher
ist sicher

Guten Tag Frau Muster,

in der Musterstraße 12 sind 8 Feuerlöscher im März fällig. Wir haben einen Termin für Sie reserviert:

18März
Donnerstag, 9:00 bis 11:00 Uhr
Prüfung nach DIN 14406-4, ca. 90 Minuten
Termin bestätigen
Die Fristen-Strecke
  1. Prüfung erfasst

    Jedes Gerät bekommt Standort, Prüfdatum und nächste Frist im System.

  2. 30 Tage vorher: E-Mail

    Mit reserviertem Termin. Ein Klick bestätigt ihn.

  3. 7 Tage vorher: Erinnerung

    Per E-Mail oder SMS, je nach Wunsch des Kunden.

  4. Nach der Prüfung: Protokoll als PDF

    Am selben Tag im Postfach, revisionssicher abgelegt.

Social-Vorlagen · 4 : 5
sicher
ist sicher
Fristen-Tipp

Rauchmelder: einmal im Jahr prüfen.

DIN 14676
sicher
ist sicher
Gut zu wissen

Feuerlöscher: alle zwei Jahre. Wir erinnern Sie.

DIN 14406-4
sicher
ist sicher
Für Betriebe

5 % der Belegschaft als Brandschutz­helfer.

ASR A2.2 · in der Regel
E-Mail-Signatur
Vorname NachnameFachkraft für Brandschutz
+49 000 000 00 00
name@sicher-ist-sicher.de
sicher-ist-sicher.de
sicher
ist sicher
sicher ist sicher GmbH · Musterstraße 1 · 00000 Musterstadt · HRB 00000, AG Musterstadt
Formate
KanalFormatWofür
Google Unternehmensprofil720 × 720Logo, Fotos vom Team
Instagram Feed1080 × 1350Fristen-Tipps, Recruiting
Instagram Story / Reel1080 × 1920Einsätze, Schulungen
LinkedIn Beitrag1200 × 1200Hausverwaltungen, Betriebe
Website-Vorschau (OG)1200 × 630Geteilte Links
Favicon / App-Icon32 · 180 · 512Browser, Homescreen
Kapitel 09

Jeder im Haus versteht uns.

In Berliner Treppenhäusern sprechen viele Mieterinnen und Mieter weder Deutsch noch Englisch. Wer den Aushang nicht versteht, ist am Prüftag nicht da, und wir müssen ein zweites Mal kommen. Deshalb trägt jeder Aushang und jede Türkarte einen QR-Code. Er öffnet den Hinweis und die Terminbestätigung in der Sprache, auf die das Handy eingestellt ist.

sicherist sicherRAUCHMELDER · DIN 14676Wir prüfen IhreRauchmelder.TERMINDonnerstag, 18.03.20278:00 bis 12:00 UhrWir prüfen jeden Rauchmelder in Ihrer Wohnung.Das dauert etwa 10 Minuten.Bitte seien Sie zu Hause. Oder geben Sie IhrenSchlüssel einer Nachbarin oder einem Nachbarn.Der Termin passt nicht? Scannen Sie den Codeund wählen Sie einen neuen Termin.Scannen Sie den Code.Diese Seite und Ihre Terminbestätigungin Ihrer Sprache.In Ihrer Sprache · Kendi dilinizde · بلغتك · На вашем языкеВашою мовою · W Twoim języku · Bằng ngôn ngữ của bạn · به زبان شماÎn limba dvs. · Bi zimanê xwe · Na vašem jeziku · На вашия езикIn your language · En su idioma · Dans votre langue · 用您的语言Fragen? 030 000 000 00Montag bis Freitag, 8:00 bis 17:00 UhrIm Auftrag Ihrer HausverwaltungHausverwaltung Beispiel GmbHAushang im Hausflur · A4 · 14 Tage vor dem Termin
sicherist sicherRAUCHMELDER-WARTUNGWir haben Sie leidernicht angetroffen.DatumUhrzeitRauchmelderFeuerlöscherSonstigesWir kommen wieder amDatumUhrzeitPasst nicht?Code scannen und neuenTermin wählen.In Ihrer Sprache · Kendi dilinizde · بلغتكНа вашем языке · Вашою мовою · W Twoim językuBằng ngôn ngữ của bạn · به زبان شما · În limba dvs.Bi zimanê xwe · Na vašem jeziku · На вашия езикKarte an der Wohnungstür · A6 · wenn niemand öffnet
sicher-ist-sicher.de/t/K7Q3
DIN 14676

Rauchmelder-Wartung

Donnerstag, 18. März 202708:00 – 12:00

Wir prüfen die Rauchmelder in Ihrer Wohnung. Das dauert etwa 10 Minuten.

Zum Ausprobieren: Sprache antippen, dann „Termin passt“. Die Seite startet in der Sprache Ihres Browsers.

  1. Aushang hängt14 Tage vorher im Hausflur, mit Datum in Ziffern und drei Icons.
  2. Code scannenMit der Handykamera, ohne App. Der Link enthält nur Objekt und Termin, keine Namen.
  3. Sprache des HandysDie Seite erkennt sie automatisch. Jede andere Sprache ist einen Tipp entfernt.
  4. Bestätigen oder verschiebenDie Bestätigung kommt per SMS in derselben Sprache, mit Erinnerung am Vortag.
So arbeitet das Übersetzungs-Plugin
Ebene 1Geprüft übersetzt

Aushang, Terminseite, SMS und Bestätigung liegen in den zwölf häufigsten Sprachen unserer Mieter vor, einmal von Muttersprachlern geprüft.

Ebene 2Live übersetzt

Alle anderen Sprachen übersetzt das Plugin in Echtzeit über eine Übersetzungs-API wie DeepL oder Google Cloud Translation, die über 100 Sprachen kann. Diese Texte sind als „automatisch übersetzt“ gekennzeichnet.

Ebene 3Ohne Worte

Datum in Ziffern, Uhrzeit in 24 Stunden, ein Icon pro Hinweis. Das versteht man auch ohne Handy und ohne Übersetzung.

Jede der rund 7.000 Sprachen der Welt kann keine Software übersetzen. Mit geprüften Übersetzungen, Live-Übersetzung und Bildsprache erreichen wir aber praktisch jeden Haushalt in Berlin. Für alle Übrigen gibt es die Telefonnummer auf dem Aushang.

Kapitel 10

Mappe, Brief, Karte, Plakette

Die dunklen Teile tragen die angeschnittene Marke, die hellen bleiben ruhig. Der Briefbogen folgt DIN 5008 Form B. Die Prüfplakette klebt nach jeder Wartung am Gerät und ist damit das Teil der Marke, das Kunden am häufigsten sehen.

sicherist sicher

Visitenkarte, Vorderseite

85 × 55 mm

SiS_Visitenkarte_Vorderseite.svg
Vorname NachnameFachkraft für Brandschutz+49 000 000 00 00name@sicher-ist-sicher.desicher-ist-sicher.de

Visitenkarte, Rückseite

85 × 55 mm

SiS_Visitenkarte_Rueckseite.svg
sicherist sichersicher ist sicher GmbH · Musterstraße 1 · 00000 MusterstadtHausverwaltung Beispiel GmbHFrau Erika MusterBeispielweg 1200000 BeispielstadtIhr ZeichenHV-2027-03Unser ZeichenSiS-4471AnsprechpartnerVorname NachnameTelefon+49 000 000 00 00Datum5. November 2026Ihre Prüftermine 2027Sehr geehrte Frau Muster,für Ihre drei Liegenschaften haben wir alle Prüfungen für 2027 eingeplant. DieFeuerlöscher warten wir im März nach DIN 14406-4, die Rauchwarnmelder im Mainach DIN 14676. Ihre Brandschutzhelfer schulen wir am 14. September vor Ort.Alle Termine finden Sie auch in Ihrem Kundenportal. Wenn ein Termin nicht passt,rufen Sie mich gern direkt an.Mit freundlichen GrüßenVorname NachnameFachkraft für Brandschutzsicher ist sicher GmbHMusterstraße 100000 Musterstadt+49 000 000 00 00info@sicher-ist-sicher.desicher-ist-sicher.deGeschäftsführungVorname NachnameHRB 00000, AG MusterstadtMusterbankIBAN DE00 0000 0000 0000 0000 00BIC XXXXDEXX

Briefbogen, Abbinder Nachtblau

A4, DIN 5008 Form B

SiS_Briefbogen_A4.svg
sicherist sichersicher ist sicher GmbH · Musterstraße 1 · 00000 MusterstadtHausverwaltung Beispiel GmbHFrau Erika MusterBeispielweg 1200000 BeispielstadtIhr ZeichenHV-2027-03Unser ZeichenSiS-4471AnsprechpartnerVorname NachnameTelefon+49 000 000 00 00Datum5. November 2026Ihre Prüftermine 2027Sehr geehrte Frau Muster,für Ihre drei Liegenschaften haben wir alle Prüfungen für 2027 eingeplant. DieFeuerlöscher warten wir im März nach DIN 14406-4, die Rauchwarnmelder im Mainach DIN 14676. Ihre Brandschutzhelfer schulen wir am 14. September vor Ort.Alle Termine finden Sie auch in Ihrem Kundenportal. Wenn ein Termin nicht passt,rufen Sie mich gern direkt an.Mit freundlichen GrüßenVorname NachnameFachkraft für Brandschutzsicher ist sicher GmbHMusterstraße 100000 Musterstadt+49 000 000 00 00info@sicher-ist-sicher.desicher-ist-sicher.deGeschäftsführungVorname NachnameHRB 00000, AG MusterstadtMusterbankIBAN DE00 0000 0000 0000 0000 00BIC XXXXDEXX

Briefbogen, Abbinder Leuchtblau

A4, DIN 5008 Form B

SiS_Briefbogen_A4_Abbinder-Leuchtblau.svg
Hausverwaltung Beispiel GmbHFrau Erika MusterBeispielweg 1200000 Beispielstadtsicherist sichersicher-ist-sicher.de

Umschlag mit Fenster

DIN lang, 220 × 110 mm

SiS_Umschlag_DIN-lang.svg
12123456789101127NÄCHSTE PRÜFUNG

Prüfplakette

Ø 30 mm

SiS_Pruefplakette_30mm.svg
Brandschutz,bevor es brennt.sicherist sicher

Angebotsmappe

A4 mit Rücken, 220 × 310 mm

SiS_Mappe_A4.svg
sicherist sicherRAUCHMELDER · DIN 14676Wir prüfen IhreRauchmelder.TERMINDonnerstag, 18.03.20278:00 bis 12:00 UhrWir prüfen jeden Rauchmelder in Ihrer Wohnung.Das dauert etwa 10 Minuten.Bitte seien Sie zu Hause. Oder geben Sie IhrenSchlüssel einer Nachbarin oder einem Nachbarn.Der Termin passt nicht? Scannen Sie den Codeund wählen Sie einen neuen Termin.Scannen Sie den Code.Diese Seite und Ihre Terminbestätigungin Ihrer Sprache.In Ihrer Sprache · Kendi dilinizde · بلغتك · На вашем языкеВашою мовою · W Twoim języku · Bằng ngôn ngữ của bạn · به زبان شماÎn limba dvs. · Bi zimanê xwe · Na vašem jeziku · На вашия езикIn your language · En su idioma · Dans votre langue · 用您的语言Fragen? 030 000 000 00Montag bis Freitag, 8:00 bis 17:00 UhrIm Auftrag Ihrer HausverwaltungHausverwaltung Beispiel GmbH

Aushang Hausflur

A4, mit QR-Code für alle Sprachen

SiS_Aushang_Hausflur_A4.svg
sicherist sicherRAUCHMELDER-WARTUNGWir haben Sie leidernicht angetroffen.DatumUhrzeitRauchmelderFeuerlöscherSonstigesWir kommen wieder amDatumUhrzeitPasst nicht?Code scannen und neuenTermin wählen.In Ihrer Sprache · Kendi dilinizde · بلغتكНа вашем языке · Вашою мовою · W Twoim językuBằng ngôn ngữ của bạn · به زبان شما · În limba dvs.Bi zimanê xwe · Na vašem jeziku · На вашия език

Karte „nicht angetroffen“

A6, für die Wohnungstür

SiS_Tuerkarte_nicht-angetroffen_A6.svg
Kapitel 11

Der Wagen fährt die Marke durch die Stadt

Die Flotte ist der VW ID. Buzz in Zweifarblackierung: oben Candy-Weiß, unten Starlight Blue Metallic. Das Blau steht dem Nachtblau so nah, dass die Folie wenig braucht: ein großes S am Heck, ein kleines Logo an der Tür und eine Linie am Schweller.

VW ID. Buzz in Candy-Weiß und Starlight Blue mit sicher-ist-sicher-Beklebung: großes orangefarbenes S am Heck über Lack, Scheiben und Dach, kleines Logo mit Domain an der Vordertür, leuchtblaue Linie am Schweller
Fahrerseite, Folie ins Originalfoto gerechnet. Licht, Spiegelungen und Türfugen stammen aus der Aufnahme, auf den Scheiben liegt sie als Lochfolie.
SupergrafikDas S in Orange, 2,24 m, steht auf 30° am Heck. Es läuft über Lack, Fensterband, Scheiben und Dach. Die Silhouette des Wagens schneidet es an.
TürLockup klein auf der Vordertür, rund 450 mm breit, Bildmarke 130 mm. Darunter nur die Domain in Weiß. Kein Slogan, keine Telefonnummer.
SchwellerlinieLeuchtblau, 22 mm hoch, 40 mm über der Unterkante der Lackfläche. Sie läuft von Radlauf zu Radlauf.
ScheibenHintere Seitenscheiben als Lochfolie, von innen durchsichtig. Fahrer- und Beifahrerfenster bleiben frei. Für die Folie eine ABG verlangen.
FolieGegossene Folie für die Wölbungen an Radlauf und Heck. Rückleuchten bleiben frei. Orange nach Andruck auf Blau und Weiß freigeben.
BeifahrerseiteGleicher Aufbau, gespiegelt. Die Marke dreht nicht mit, sie steht auch dort auf 30°.

Maße bezogen auf 4,71 m Fahrzeuglänge, vor der Produktion am Fahrzeug abnehmen. Heck und Front sind noch nicht gestaltet.

Kapitel 12

Wer klingelt, trägt die Marke

Unsere Prüfer stehen in fremden Wohnungen. Die Kleidung soll wirken wie gute Mode, nicht wie Werbung: eine Grundfarbe, die Bildmarke klein gestickt, ein Akzent an Bündchen und Garn.

Arbeitskleidung

T-Shirt Nachtblau, vorn, Bündchen und gestickte Bildmarke in OrangeT-Shirt Orange, vorn, Bündchen und gestickte Bildmarke in NachtblauT-Shirt Leuchtblau, vorn, Bündchen und gestickte Bildmarke in Nachtblau

T-Shirt, vorn

Nachtblau, Bündchen und Stick OrangeOrange, Bündchen und Stick NachtblauLeuchtblau, Bündchen und Stick Nachtblau · Bildmarke 25 mm, linke Brust

T-Shirt Nachtblau, Rücken, Bündchen und gestickte Bildmarke in OrangeT-Shirt Orange, Rücken, Bündchen und gestickte Bildmarke in NachtblauT-Shirt Leuchtblau, Rücken, Bündchen und gestickte Bildmarke in Nachtblau

T-Shirt, Rücken

Nachtblau, Bündchen und Stick OrangeOrange, Bündchen und Stick NachtblauLeuchtblau, Bündchen und Stick Nachtblau · Bildmarke 20 mm im Nacken

ArtikelFarbeVeredelungPosition und Größe
T-ShirtNachtblau, Orange oder LeuchtblauStickLinke Brust 25 mm, Nacken 20 mm
PoloNachtblau, Orange oder LeuchtblauStickLinke Brust 25 mm, Knopfleiste in Akzentfarbe
SoftshelljackeNachtblauStickLinke Brust 30 mm, Zipper in Orange
CapNachtblauStick flachSeitlich links 30 mm
MützeNachtblau, Orange oder LeuchtblauGewebtes EtikettUmschlag seitlich, 25 × 25 mm
DienstausweisWeiß und NachtblauKartendruckID-1, 85,6 × 54 mm, Hochformat
Drei Grundfarben, feste AkzenteNachtblau trägt Orange, Orange und Leuchtblau tragen Nachtblau. Bündchen, Knopfleiste, Zipper und Garn nehmen den Akzent auf, sonst nichts.
Klein und gesticktNur die Bildmarke, 20 bis 30 mm, nie die Wortmarke auf Kleidung. Keine Rückendrucke, keine großen Flächen.
Stich auf 30°Die Stichrichtung folgt der Markenachse. Unter 15 mm verlaufen die Zwischenräume, deshalb nie kleiner.
Farbe abmusternStoff und Garn vor der Serie gegen #1B2034, #FF6A13 und #00BBFF freigeben. Leuchtblau weicht je nach Hersteller am stärksten ab.
Ausweis immer sichtbarBrusthöhe, Foto nach vorn. Mieter sollen Name und Nummer lesen können, ohne zu fragen.
Keine Warnkleidung imitierenKeine Reflexstreifen als Deko. Wer Warnschutz braucht, trägt zertifizierte Kleidung darüber.

Merch und Kundengeschenke

Schuhüberzieher

Nachtblau, Bildmarke Weiß

Tasse

Weiß, Marke angeschnitten Orange

Notizbuch A5

Nachtblau, Marke blind geprägt

sicher ist sicher

Kugelschreiber

Nachtblau, Clip Orange

sicherist sicher

Stofftasche

Nachtblau, Siebdruck Orange

12123456789101127NÄCHSTE PRÜFUNG

Magnet „Nächste Prüfung“

Nachtblau, Monat und Jahr markiert der Prüfer

Weniger, dafür nützlichNur Dinge, die beim Termin helfen oder im Alltag bleiben. Keine Werbegeschenke ohne Zweck.
Überzieher als GesteDer Prüfer zieht sie vor der Tür an. Die Marke steht dort, wo Kunden hinsehen: auf ihrem Boden.
Angeschnitten nur auf FlächeDie große, angeschnittene Marke gehört auf Tasse, Tasche und Notizbuch. Auf Kleinteilen steht sie ganz.
Kapitel 13

Sechs Dinge, die wir nie tun

Jede Regel schützt entweder die Lesbarkeit, die Abgrenzung zu genormten Sicherheitszeichen oder die Ruhe der Marke.

So nicht

Kein Rot, kein geschlossener Ring

In Signalrot und mit geschlossenem Ring wird das S zum Verbotszeichen. Stattdessen: Orange, Nachtblau oder Weiß, Ring offen.

So nicht

Kein weißer Text auf Orange

2,9 : 1 ist nicht barrierefrei. Stattdessen: Auf Orange steht Schrift immer in Nachtblau.

So nicht

Nicht drehen, nicht versalisieren

Die 30°-Achse und die zweizeilige Kleinschreibung sind fest. Stattdessen: Lockup immer unverändert einsetzen.

So nicht

Die Marke nie zerlegen

Auseinandergezogene oder zweifarbige Hälften wirken kaputt. Stattdessen: Anschneiden ja, zerlegen nie.

So nicht

Nicht bunt

Orange, Leuchtblau und Grautöne auf einer Fläche ergeben Lärm. Stattdessen: eine Farbe zusätzlich zum Grund.

So nicht

Keine Deko-Linien

Einzelne Striche ohne Funktion sehen nach Fehler aus. Stattdessen: Weißraum, oder die Marke angeschnitten am Rand.

Kapitel 14

Übergabe an Agentur, Druckerei und Entwicklung

Alles, was man zum Weiterbauen braucht: Design-Tokens zum Kopieren, die Dateiablage und die Punkte, die vor dem ersten Druck noch zu klären sind.

sis-tokens.css
/* sicher ist sicher · Design-Tokens 1.0 */
:root {
  /* Farbe */
  --sis-nachtblau:    #1B2034;  /* Primär, 70 % */
  --sis-signalorange: #FF6A13;  /* Akzent, einmal pro Fläche */
  --sis-leuchtblau:   #00BBFF;  /* Sekundär, Muster und Social */
  --sis-stahlgrau:    #5C6275;
  --sis-nebel:        #ECEEF2;
  --sis-weiss:        #FFFFFF;

  /* Schrift */
  --sis-font: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --sis-font-display: "Barlow Condensed", "Barlow", sans-serif;
  --sis-w-text: 400;  --sis-w-wortmarke: 500;  --sis-w-head: 600;

  /* Skala 1,25 · Basis 16 px */
  --sis-fs-label: 0.8125rem;  --sis-fs-body: 1rem;    --sis-fs-lead: 1.25rem;
  --sis-fs-h3:    1.5625rem;  --sis-fs-h2:   2.4375rem; --sis-fs-h1:   3.8125rem;

  /* Geometrie */
  --sis-achse: 30deg;
  --sis-radius: 6px;
}
Dateien · Branding/Assets
6PatternKachelbare SVG-Flächen, hell und dunkel
6Hintergründe1920 × 1080 für Folien und Video
36Icons12 Motive in positiv, negativ, Leuchtblau
9GeschäftsausstattungIn Millimetern, inklusive Aushang und Türkarte
Offen vor dem ersten Druck
CMYK, Pantone, RALPer Andruck bestimmen, besonders das Orange auf Folie und Textil.
3 mm BeschnittFür alle randabfallenden Teile, Texte vor der Übergabe in Pfade wandeln.
MarkenrechercheWort-Bild-Marke beim DPMA prüfen und anmelden, Klasse 37 und 41.
Platzhalter ersetzenAdresse, Telefon, Handelsregister und Bankdaten sind Beispiele.
HowTo · Logo-Animation

So baust du die Animation in CSS

Die Grundbewegung. Beide Hälften gleiten auf der Markenachse ineinander, während sich die Marke von 90° auf 30° dreht. Für Video-Intros, die Website und den Start von Präsentationen.

.mark
dreht 90° → 30°
.half-a
gleitet von links ein
.half-b
gleitet von rechts ein
0 s0,5 s1 s1,5 s2 s

Orange: transform (Drehen, Schieben, Skalieren) · Blau: Deckkraft und Füllung

1SVG vorbereiten

  • Der viewBox hat seinen Nullpunkt in der Mitte des S. Mit transform-origin: 0 0 dreht sich alles um diese Mitte.
  • Beide Hälften sind derselbe Pfad, die zweite um 180° gedreht. Jede steckt in einer eigenen <g>, damit CSS sie bewegen kann, ohne die 180° zu verlieren.
logo.svg · HTML
<svg class="logo" viewBox="-85 -85 170 170" role="img" aria-label="sicher ist sicher">
  <!-- Die Marke steht auf 30°, jede Hälfte in einer eigenen Gruppe -->
  <g class="mark" transform="rotate(30)" fill="#FF6A13">
    <g class="half-a"><path pathLength="1" d="M-82.23,-11.25C-76.619,-52.158 -41.291,-82.971 -0,-82.971C41.291,-82.971 76.619,-52.158 82.23,-11.25L-38.38,-11.25C-33.399,-28.241 -17.701,-39.997 0.005,-39.997C9.076,-39.997 17.883,-36.912 24.97,-31.25L54.7,-31.25C43.498,-50.858 22.579,-62.999 -0.003,-62.999C-30.334,-62.999 -56.573,-41.094 -61.99,-11.25L-82.23,-11.25Z"/></g>
    <g class="half-b"><path pathLength="1" transform="rotate(180)" d="M-82.23,-11.25C-76.619,-52.158 -41.291,-82.971 -0,-82.971C41.291,-82.971 76.619,-52.158 82.23,-11.25L-38.38,-11.25C-33.399,-28.241 -17.701,-39.997 0.005,-39.997C9.076,-39.997 17.883,-36.912 24.97,-31.25L54.7,-31.25C43.498,-50.858 22.579,-62.999 -0.003,-62.999C-30.334,-62.999 -56.573,-41.094 -61.99,-11.25L-82.23,-11.25Z"/></g>
  </g>
</svg>
logo.css · Grundlage
/* Drehpunkt = Mitte der Marke (0 0 im viewBox) */
.logo .mark, .logo .half-a, .logo .half-b {
  transform-box: view-box;
  transform-origin: 0 0;
}

2Gleiten animieren

  • .mark dreht von 90° auf 30°. Der Endwert muss rotate(30deg) sein, denn eine CSS-Animation überschreibt das transform-Attribut im SVG.
  • Die Hälften liegen in der gedrehten .mark. translateX läuft deshalb von selbst auf der 30°-Achse.
  • Fehlt to, endet die Animation im Ausgangszustand des Elements. Deshalb reicht bei den Hälften ein from.
  • cubic-bezier(.2,.7,.1,1) startet schnell und setzt weich auf. both hält das Startbild vor dem Start und das Endbild danach.
logo.css · Gleiten
/* Gleiten · 1,4 s */
.logo.slide .mark   { animation: slide-turn 1.4s cubic-bezier(.2,.7,.1,1) both; }
.logo.slide .half-a { animation: slide-a 1.4s cubic-bezier(.2,.7,.1,1) both; }
.logo.slide .half-b { animation: slide-b 1.4s cubic-bezier(.2,.7,.1,1) both; }

@keyframes slide-turn {
  from { transform: rotate(90deg); }
  to   { transform: rotate(30deg); }
}
@keyframes slide-a { from { transform: translateX(-40px); opacity: 0; } }
@keyframes slide-b { from { transform: translateX(40px); opacity: 0; } }

3Abspielen und Rücksicht

  • Die Animation startet, sobald die Klasse am SVG steht. Für einen Neustart nimmt man sie weg und setzt sie neu.
  • Bei „Bewegung reduzieren“ im System zeigt die Marke sofort ihr Endbild. Das gehört in jede Umsetzung.
logo.js · optional
// Abspielen: Klasse entfernen, Neuberechnung erzwingen, Klasse setzen
function playLogo(svg, name) {
  svg.classList.remove("slide", "lock", "draw");
  void svg.getBoundingClientRect();
  svg.classList.add(name);
}
playLogo(document.querySelector(".logo"), "slide");

/* Ohne JS: <svg class="logo slide"> spielt einmal beim Laden. */
logo.css · Pflicht
/* Wer weniger Bewegung eingestellt hat, sieht sofort das Endbild */
@media (prefers-reduced-motion: reduce) {
  .logo * { animation: none !important; }
}