ark.swiss
Brand Guidelines
A visual identity that combines Swiss precision and digital creativity.
Colors
Our color palette reflects energy and innovation. The primary violet inspires creativity, while the lime green brings a touch of freshness and dynamism.
Primary — Violet
#6819E6 · hsl(262, 82%, 50%)
Secondary — Lime
#9FFF00 · hsl(82, 100%, 50%)
Neutrals
Typography
Our typographic system uses three complementary families to create a clear visual hierarchy and optimal reading experience.
Manrope
Headings & DisplayThe quick brown fox jumps over the lazy dog
Bitter
Accents & QuotesThe quick brown fox jumps over the lazy dog
Inter
Body & UIThe quick brown fox jumps over the lazy dog
Logos & Assets
Our visual identity in multiple versions to fit all contexts. Always use the appropriate version according to the background and medium.
Negative Logos For dark backgrounds
Negative Color
Color logo on dark background
ark_negatif_couleur.svgNegative White
White logo on dark background
ark_negatif_blanc.svgPositive Logos For light backgrounds
Positive Color
Horizontal color logo
ark_positif_couleur.svgPositive Color Square
Square format color logo
ark_positif_couleur_carre.svgPositive Black & White
Monochrome logo
ark_positif_nb.svgFavicons
Pictos Simplified icons
App Icon
Usage
Some examples of using colors and typography in our interfaces.
Buttons
Text Hierarchy
Heading 1
Heading 2
Heading 3
Body text with Inter for optimal on-screen reading.
"Elegant quote with Bitter italic"