Design System

ark.swiss

Brand Guidelines

Une identité visuelle qui allie précision suisse et créativité digitale.

01

Couleurs

Notre palette de couleurs reflète l'énergie et l'innovation. Le violet primaire inspire la créativité, tandis que le vert lime apporte une touche de fraîcheur et de dynamisme.

Primary — Violet

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

Secondary — Lime

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

Neutrals

02

Typographie

Deux familles : Outfit pour les textes et titres, JetBrains Mono pour les compteurs, étiquettes techniques et fragments mono.

Outfit

Titres, corps & UI
200300400500600700800

The quick brown fox jumps over the lazy dog

AaAaAaAaAa

JetBrains Mono

Mono, compteurs, étiquettes techniques
300400500600700800

The quick brown fox jumps over the lazy dog

AaAaAaAaAa
03

Logos & Assets

Notre identité visuelle déclinée en plusieurs versions pour s'adapter à tous les contextes. Utilisez toujours la version appropriée selon le fond et le support.

Logos Négatif Pour fonds sombres

Logos Positif Pour fonds clairs

Favicons

Pictos Icônes simplifiées

App Icon

iOS App Icon

iOS App Icon

IOS App.svg
App Icon Previewark.swiss
04

Usage

Quelques exemples d'utilisation des couleurs et typographies dans nos interfaces.

Boutons

Hiérarchie texte

Heading 1

Heading 2

Heading 3

Corps de texte en Outfit, optimisé pour la lecture écran.

"Citation en Outfit italic"

Couleurs en contexte

Primary pour actions principales
Secondary pour accents et succès
Dark mode backgrounds
Light mode backgrounds