Das Design System schafft einen einheitlichen visuellen Auftritt, der Vertrauen, Professionalität und Verlässlichkeit vermittelt. Es ermöglicht Teams und Partnern, effizient zu arbeiten und sich an klaren Vorgaben zu orientieren. So entsteht ein konsistentes Markenerlebnis über alle Touchpoints hinweg.
— Warum es uns gibt
— Zentrales Markenversprechen (Swiss Digital Freedom)
— Werte & Kultur (Zuverlässigkeit, Nähe, Freude, Nachhaltigkeit)
Anwendung: kurze Leitplanke für jede Präsentation oder Offerte
— Logo, Farben, Typografie
— Bildsprache, Icons, visuelle Metaphern
— Digitale Kanäle (Website, Social Media, Events)
Vorlagen: PowerPoint, Social Media Templates, Bildwelten
— Herkunft, Meilensteine, Mythen
— Narrative Leitplanken (z. B. „Navigator statt Provider“)
— Beispiele für Claims & Headlines
Vorlagen: Story-Deck, Elevator Pitch, Claim-Bibliothek
— Wie wir auftreten (Tonfall, Kundenkontakt, Community)
— Interne Kultur sichtbar machen (Humor, Teamgeist, Aareböötlen etc.)
— Dos & Don’ts in Meetings, Mails, Präsentationen
Vorlagen: E-Mail-Signaturen, Kommunikationsstil, Checklisten
— Kernleistungen (Cloud, Managed Services, Open Source)
— Nutzen für Kunden (KMU, Institutionen, C-Level)
— Differenzierung (Swiss Digital Freedom, Community Cloud)
Vorlagen: Angebotsstruktur, One-Pager, Case Studies
Navy Blau ist die primäre Markenfarbe. Sie vermittelt Souveränität, Technik und Vertrauen und bildet die visuelle Klammer des gesamten Auftritts.
Orange dient als Akzentfarbe. Sie wird gezielt eingesetzt um Interaktionen, Hinweise oder wichtige Elemente sichtbar zu machen ohne das Gesamtbild laut wirken zu lassen.
Schwarz fungiert als Basisfarbe für Typografie und Flächen. Es sorgt für präzise Struktur, klare Lesbarkeit und einen ruhigen Grundrhythmus.
Weiss ist die Trägerfarbe des Systems. Sie schafft Raum, unterstützt die Orientierung im Layout und lässt die Farben gezielt wirken.
Navy Blau (stepping stone AG)
Primäre Markenfarbe
CMYK: 100 90 0 30
RGB: 0 18 128
HEX: #001280
Navy Blau 10%
Grün #27a34b
Alarm Grün 20%
Orange
Akzentfarbe
CMYK: 0 31 80 0
RGB: 255 177 51
HEX: #FFB133
Orange 10%
Orange HEX: #FFB133
Orange 20%
Schwarz
Basisfarbe
CMYK: 0 0 0 100
RGB: 0 0 0
HEX: #000000
Schwarz 10%
Rot HEX: #DE1B25
Rot HEX: #DE1B25
Navy Blau ist die primäre Markenfarbe. Sie vermittelt Souveränität, Technik und Vertrauen und bildet die visuelle Klammer des gesamten Auftritts.
Orange dient als Akzentfarbe. Sie wird gezielt eingesetzt um Interaktionen, Hinweise oder wichtige Elemente sichtbar zu machen ohne das Gesamtbild laut wirken zu lassen.
Schwarz fungiert als Basisfarbe für Typografie und Flächen. Es sorgt für präzise Struktur, klare Lesbarkeit und einen ruhigen Grundrhythmus.
Weiss ist die Trägerfarbe des Systems. Sie schafft Raum, unterstützt die Orientierung im Layout und lässt die Farben gezielt wirken.
Schrift ist sichtbare Sprache und ein wichtiger Bestandteil des Erscheinungsbildes. Sie trägt das Corporate Design mit jeder
Publikation und jedem Medium entscheidend mit.
Standardmässig werden Inter Bold und Inter Regular eingesetzt.
Ultra Bold strukturiert, Regular erklärt.
Inter wird in der gesamten Markenkommunikation verwendet, insbesondere im Web, in Präsentationen und in Dokumenten mit Markenbezug.
Kann Inter technisch nicht eingesetzt werden, kommt die definierte Ersatzschrift zum Einsatz. Inter Normal
Die Typografie ist klar, modern und gut lesbar.
Sie unterstützt die technische Kompetenz der Marke und sorgt für eine ruhige, strukturierte Informationsvermittlung.
Schriften werden konsequent eingesetzt, mit klarer Hierarchie zwischen Headlines, Text und Meta Informationen.
Lesbarkeit und Funktion stehen immer vor dekorativen Effekten.
Inter ist eine serifenlose Schriftfamilie, die vom Typografen Rasmus Andersson entwickelt wurde.
Sie entstand mit dem Ziel, eine besonders gut lesbare Schrift für digitale Benutzeroberflächen zu schaffen.
Ursprünglich für Bildschirmdarstellung und Software Interfaces konzipiert, wurde Inter kontinuierlich erweitert und optimiert.
Heute umfasst die Schriftfamilie zahlreiche Schriftschnitte und Zustände und wird weltweit in Webanwendungen, Apps und digitalen Produkten eingesetzt.
Durch ihre klare Formensprache, offene Zeichen und konsistente Anmutung eignet sich Inter ideal für strukturierte Inhalte und moderne Markenauftritte.
Inter Normal
Sie kommt immer dann zum Einsatz, wenn die Markenschrift Inter aus technischen oder operativen Gründen nicht verwendet werden kann.
In der E Mail Kommunikation ist grundsätzlich Arial einzusetzen.
Ebenso kann sie bei Office Dokumenten, Präsentationen oder beim Austausch von Dateien mit Dritten verwendet werden, um maximale Kompatibilität sicherzustellen.
Arial ist eine Systemschrift und auf allen gängigen Betriebssystemen verfügbar.
Für werbliche Kommunikation und Markenauftritte nach aussen darf die Ersatzschrift nicht verwendet werden.
Sie tragen die Story im Namen stepping stone und stehen für den sicheren Weg in nachvollziehbaren Schritten.
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Michael Eichenberger
Geschäftsführer & Berater
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.