Design System

ark.swiss

Brand Guidelines

Eine visuelle Identität, die Schweizer Präzision und digitale Kreativität vereint.

01

Farben

Unsere Farbpalette spiegelt Energie und Innovation wider. Das primäre Violett inspiriert Kreativität, während das Limonengrün eine Note von Frische und Dynamik bringt.

Primary — Violett

#6819E6 · hsl(262, 82%, 50%)

Secondary — Lime

#9FFF00 · hsl(82, 100%, 50%)

Neutralfarben

02

Typografie

Zwei Familien: Outfit für Texte und Überschriften, JetBrains Mono für Zähler, technische Labels und Mono-Fragmente.

Outfit

Überschriften, Fliesstext & UI
200300400500600700800

The quick brown fox jumps over the lazy dog

AaAaAaAaAa

JetBrains Mono

Mono, Zähler, technische Labels
300400500600700800

The quick brown fox jumps over the lazy dog

AaAaAaAaAa
03

Logos & Assets

Unsere visuelle Identität in mehreren Versionen für alle Kontexte. Verwenden Sie immer die passende Version je nach Hintergrund und Medium.

Negativ-Logos Für dunkle Hintergründe

Positiv-Logos Für helle Hintergründe

Favicons

Piktogramme Vereinfachte Icons

App Icon

iOS App Icon

iOS App Icon

IOS App.svg
App Icon Previewark.swiss
04

Verwendung

Einige Beispiele für die Verwendung von Farben und Typografie in unseren Interfaces.

Buttons

Texthierarchie

Heading 1

Heading 2

Heading 3

Fliesstext in Outfit, optimiert für Bildschirmlesbarkeit.

"Zitat in Outfit Kursiv"

Farben im Kontext

Primary für Hauptaktionen
Secondary für Akzente und Erfolg
Dark Mode Hintergründe
Light Mode Hintergründe