Color
Palett
Vår färgvärld bygger på tre typer av färger: grundfärger som ger identitet, accentfärger som sätter tonen, och bakgrundsfärger som skapar struktur och kontrast. Tillsammans bildar de en balanserad och flexibel palett att jobba med.
Core colors
#1a1a1d
#ffffff
#bbf7d0
Accent colors
#bfdbfe
#d9f99d
#e9d5ff
Backgrounds
#f5f5f5
#ffffff
Nyanser
Varje färg har fler sidor! Vi använder nyanser för att skapa djup, variation och bättre tillgänglighet. Här visar vi hur du kan använda ljusare och mörkare toner av våra färger – utan att tappa vår känsla.
Greens
#22c55e
#86efac
#bbf7d0
Purples
#a855f7
#d8b4fe
#e9d5ff
Limes
#a3e635
#bef264
#d9f99d
Blues
#3b82f6
#93c5fd
#bfdbfe
Greyscale
#313134
#48484a
#5f5f61
#767677
#8d8d8e
#a3a3a5
#bababb
#d1d1d2
#e8e8e8
#f5f5f5
Text
rgba(26, 26, 29, 0.38)
rgba(26, 26, 29, 0.72)
rgba(26, 26, 29, 1.0)
Användning
Vissa färger gillar varandra mer än andra. Här visar vi vilka kombinationer som fungerar bäst – både för att behålla vår visuella identitet och för att allt ska vara lätt att läsa och uppleva.
Grön
Text: | |
Illustrationer: | + |
Vit
Text: | |
Illustrationer: |
Svart
Text: | + |
Illustrationer: |
Lila
Text: | |
Illustrationer: | + |
Lime
Text: | |
Illustrationer: | + |
Blå
Text: | |
Illustrationer: | + |
Gradienter
När färger får flyta ihop händer det magiska saker. Våra gradienter bygger på grund- och accentfärger och används för att skapa mjuka övergångar, energi och liv i det visuella uttrycket.