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

Unser typografisches System verwendet drei komplementäre Familien, um eine klare visuelle Hierarchie und optimale Leseerfahrung zu schaffen.

Manrope

Überschriften & Display
200300400500600700800

The quick brown fox jumps over the lazy dog

AaAaAaAaAa

Bitter

Akzente & Zitate
400500600700

The quick brown fox jumps over the lazy dog

AaAaAaAaAa

Inter

Fließtext & UI
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

Fließtext mit Inter für optimale Bildschirmlesbarkeit.

"Elegantes Zitat mit Bitter Kursiv"

Farben im Kontext

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