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

Notre système typographique utilise trois familles complémentaires pour créer une hiérarchie visuelle claire et une expérience de lecture optimale.

Manrope

Headings & Display
200300400500600700800

The quick brown fox jumps over the lazy dog

AaAaAaAaAa

Bitter

Accents & Quotes
400500600700

The quick brown fox jumps over the lazy dog

AaAaAaAaAa

Inter

Body & UI
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

Body text avec Inter pour une lecture optimale sur écran.

"Citation élégante avec Bitter italic"

Couleurs en contexte

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