Markenanwendungsdesign|National Institute of Cyber Security

Hand-Heart Design Firm hat das Markenanwendungsdesign für das National Institute of Cyber Security (NICS) entwickelt; das Projekt wurde 2025 abgeschlossen. Ohne das bestehende Logo zu verändern, haben wir aus dessen Sechseck ein System ergänzender Grafiken entwickelt. Es greift die Motive Schutzschild, Schutzkette, Hände und Herz auf und übersetzt die nüchterne Fachlichkeit der Cybersicherheit in ein wärmeres Gefühl von Schutz. Von dort aus erstreckt es sich auf Farbkonzept, Piktogramme, Buchgestaltung und Präsentationsvorgaben – ein einheitliches Markenanwendungssystem, das langfristig funktioniert.

Design Concept

Das National Institute of Cyber Security ist eine öffentlich-rechtliche Einrichtung, die Taiwans technische Kompetenz in der Cybersicherheit stärkt sowie Forschung, Entwicklung und Anwendung in diesem Feld vorantreibt. Das Institut verfügte bereits über ein Logo (es stammt nicht von Hand-Heart). Dem bisherigen visuellen Auftritt fehlte es an technologischer Anmutung, und er wirkte nicht mehr zeitgemäß. Ohne das bestehende Logo zu verändern, sind wir vom Kern der Marke ausgegangen und haben die Kommunikation neu ausgerichtet: „Technologie und Technik“, „Nähe zur Öffentlichkeit“ sowie „Sicherheit und Geborgenheit“ sollten nicht nur Leitgedanken bleiben, sondern zu einer Bildsprache werden, die man sehen und spüren kann.
Um den traditionell strengen Eindruck aufzubrechen, den Behörden oft hinterlassen, haben wir das Sechseck des bestehenden Logos zur Grundlage genommen und daraus mit Verläufen und strukturellen Variationen einen technisch anmutenden visuellen Rhythmus entwickelt. Zugleich haben wir die Motive Schutzschild und Schutzkette mit den Motiven Hände und Herz zu einem System ergänzender Grafiken verbunden. So vermitteln das eher sachliche Thema Cybersicherheit und das Logo der Behörde ein wärmeres Gefühl von Schutz, und die Marke gewinnt Spielraum, sich weiterzuentwickeln. Diese Bildsprache beschränkt sich nicht auf eine einzelne Form. Sie ist als System angelegt, das sich auf unterschiedliche Situationen einstellen lässt, damit die Werte Geborgenheit, Sicherheit, Stabilität und Resilienz in allen Anwendungen einheitlich und klar vermittelt werden.
Für NICS haben wir nicht nur visuelle Elemente geschaffen, sondern ein Markenanwendungssystem, das langfristig funktioniert: vom Farbkonzept über die ergänzenden Grafiken bis zu den Piktogrammen, von der Buchgestaltung bis zu den Präsentationsvorgaben. Das System wirkt in sich geschlossen und zeigt sich zugleich vielfältig, sodass die Marke über verschiedene Medien und Anwendungen hinweg wiedererkennbar und nahbar bleibt.

Was musste NICS lösen, ohne das Logo anzutasten?

Für NICS galt es, drei Aufgaben zu lösen: Das bestehende Logo sollte bleiben, der visuelle Auftritt wirkte veraltet, und dem traditionell strengen Image von Behörden stand der Wunsch nach Nähe zur Öffentlichkeit gegenüber.

  • NICS hatte bereits ein Logo, das nicht von Hand-Heart stammt; Voraussetzung des Projekts war, dieses Logo nicht zu verändern.
  • Der erste Entwurf der ergänzenden Grafiken vom August 2024 hielt zunächst fest, in welche Richtung sich die bisherigen Grafiken entwickeln sollten, etwa hin zu mehr technologischer Anmutung.
  • Behörden wirkten bislang eher traditionell und streng; zu den Anforderungen an die Markenanwendung von NICS gehörte zudem Nähe zur Öffentlichkeit.

Wie wurden die Anforderungen von NICS herausgearbeitet?

In Vorgesprächen und Recherchen haben wir die Anforderungen von NICS zu drei Richtungen gebündelt: „Technologie und Technik“, „Nähe zur Öffentlichkeit“ sowie „Sicherheit und Geborgenheit“. Diese Richtungen sind den fünf Kernwerten des Instituts zugeordnet: Sicherheit, Technik, Proaktivität, Resilienz und Vertrauen. An ihnen wurde danach jede ergänzende Grafik gemessen. Der erste Entwurf ging von informationstechnischen Zeichen wie Technik-Panels, Datenketten und Verläufen aus, übersetzte sie mit den Methoden des Design Thinking und entwickelte daraus vier ergänzende Grafiken.

Wie entstand aus zwei Entwurfsrichtungen ein System?

Der zweite Entwurf vom August 2024 zeigte zwei Richtungen. Variante A, „Vertrauen gemeinsam aufbauen, Sicherheit intelligent vernetzen“, verformt das Sechseck der Marke und zeigt mit Verläufen einen bürgernahen Charakter. Das Logo wird darin mit Hand, Schnalle und Kette zum Motiv „Sicherheit“ kombiniert, mit einer umarmenden Geste und einem Signal zum Motiv „Stabilität“ sowie mit einem Dach als Schutzschild und Händen, die ein Herz halten, zum Motiv „Geborgenheit“. Variante B, „Generationen verbinden, Sicherheit schützen“, zerlegt die bestehende Form in Einzelteile und setzt sie zu digitalen Zeichen neu zusammen; sie steht für Schutz für die digitale Generation.

Auf den Abbildungen der finalen Ergebnisse auf dieser Seite sind Zeichen zu sehen, in denen das Logo mit Elementen wie Hand, Kette und Herz kombiniert ist, sowie Grafiken, die aus dem Sechseck-Verlauf weiterentwickelt wurden. Das finale System führt den Sechseck-Verlauf von Variante A und ihre drei Bildmotive „Sicherheit“, „Stabilität“ und „Geborgenheit“ fort.

Wie entstanden Regelwerk und Präsentationsvorlage Schritt für Schritt?

Nach den ergänzenden Grafiken haben wir die Richtlinien für diese Grafiken, das Farbkonzept der Marke und die Vorgaben für Publikationen in einem gemeinsamen Regelwerk zusammengeführt. Ende August 2024 lag die erste Fassung vor (laut Dateidatum); in der Fassung vom September kam eine Präsentationsvorlage hinzu, Anfang Oktober war die fünfte Fassung erreicht. Parallel dazu entstanden Probelayouts für Buchcover sowie Mock-ups von Anzeigen. Auf dieser Seite zu sehen sind unter anderem Dokumentlayouts, das Cover des Buchs „Leitfaden zur Netzwerksicherheit für Unternehmen“, Präsentationsvorlagen, Webseitenansichten und ein Aufsteller.

Wofür sind die ergänzenden Grafiken und das Regelwerk von NICS gedacht?

Die ergänzenden Grafiken von NICS gehen auf den Wunsch nach technologischer Anmutung und Nähe zur Öffentlichkeit ein; das Regelwerk ist dafür da, Bücher, Präsentationen und andere Anwendungen einheitlich zu halten.

  • Die ergänzenden Grafiken bauen auf dem Sechseck des bestehenden Logos auf und ergänzen es um Verläufe und strukturelle Variationen; damit reagieren sie darauf, dass dem Auftritt bisher technologische Anmutung fehlte.
  • Variante A verformt das Sechseck und setzt Verläufe ein, um Bürgernähe zu zeigen; die Absicht dahinter war, sich vom eher kühlen Image von IT-Firmen abzusetzen.
  • Im Vergleich mit den finalen Ergebnissen zeigt sich, dass das System die drei Motivkombinationen von Variante A fortführt, um „Sicherheit“, „Stabilität“ und „Geborgenheit“ jeweils eigens auszudrücken.
  • Beide Varianten orientieren sich an den drei Richtungen „Technologie und Technik“, „Nähe zur Öffentlichkeit“ sowie „Sicherheit und Geborgenheit“; für Variante A hält der Entwurf ausdrücklich fest, dass sie Geborgenheit, Sicherheit und Stabilität spürbar machen soll.
  • Richtlinien für die ergänzenden Grafiken, Farbkonzept und Publikationsvorgaben sind in einem Regelwerk zusammengefasst und um eine Präsentationsvorlage ergänzt; so sollen Wiedererkennbarkeit und Nahbarkeit über alle Medien hinweg erhalten bleiben.

Für welche Behörden und Institutionen eignet sich der Ansatz von NICS?

Wenn bei Ihrer Behörde oder Organisation eine der folgenden Situationen zutrifft, können Sie sich an diesem Projekt orientieren:

  • Wenn Sie Ihr bestehendes Logo behalten möchten, Ihre Dokumente und Präsentationen aber veraltet wirken, können Sie ergänzende Grafiken aus einer Form entwickeln, die im Logo bereits angelegt ist.
  • Wenn Ihr Arbeitsfeld technisch geprägt ist und Ihr Auftritt eher nüchtern wirkt, Sie aber nahbarer erscheinen möchten, hilft es, die Anforderungen zuerst in wenige Richtungen zu bündeln und jede Grafik daran auszurichten.
  • Wenn Ihre Bücher, Präsentationen und Webseiten von verschiedenen Personen erstellt werden, bietet es sich an, ergänzende Grafiken, Farbkonzept, Publikationsvorgaben und Präsentationsvorlage in einem gemeinsamen Regelwerk zusammenzuführen.

Als Reihenfolge bietet sich an: zuerst die Anforderungen bündeln, dann die ergänzenden Grafiken entwickeln, jede Grafik an diesen Anforderungen ausrichten und zuletzt die Vorgaben für Farbe, Publikationen und Präsentationen zusammenführen.

Wie sich aus einem bestehenden Logo ergänzende Grafiken und Anwendungsrichtlinien entwickeln lassen, beschreiben wir auf der Seite Corporate-Identity-Design (CIS).

品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 2)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 3)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 5)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 1)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 6)

Projektabschluss Geschäftsführung Projektplanung Design-Leitung Design

2025.12 Chih-yang Hsu Wan-Chih Hsiao, I-Chia Lu I-chen Lee, Dong Pan Jun-Xian Wu, Yin-Chan Huang, Hsin-I Hsieh, Elmer Wang