QR Nutri design system covering colors, typography, components, and tokens

QR NUTRI
Design System v1.1
Color palette
Primary
Wine Primary
#8a0b02
Wine Dark
#6B1111
Cream BG
#D4C4A4
Cream Deep
#e6c69d
Forest Primary
#375e5d
Forest Deep
#254e4d
Neutral
Text Dark
#2c1b1b
Text Light
#6B6B6B
Text Muted
#c6c6c6
White
#FFFFFF
Typography — Century Gothic
Display / Page title — 22px · 500
SOCIÉTÉ
Heading / Card title — 14px · 500 · uppercase · 0.12em
Acheter les crédits
Body — 12px · 400
Business Wine Business · 386719065y8547
Label / Field key — 11px · 400 · 0.06em
NOM · SIRET · GS1
Nav item — 12px · 500 · uppercase · 0.1em
Mes vins · Mes crédits
Buttons
Badges
Administrator Enologist Operator Tester
Form inputs
Nom
Email
SIRET
Icons & Activity
Home
QR code
Credits
Credits
Credit cards
Credit cards
Support
Support
User
User
Users
Users
Society
Society
Tel check
Review
Vintage
Vintage
Email
Email
Search
Search
Orders
Orders
Wine
Wine
Logistics
Logistics
Activité utilisateurs
CB
Charles Burton
Administrator
148
HS
Hamilton Sciverit
Administrator
120
TD
Thiery Duval
Developer
88
OB
Olivier Bonneville
Operator
62
AL
Arnou Lebel
Tester
28
Cards
society
Profile
NOMWine Business
SIRET386719...
GS1213409...
Users
Utilisateurs
C. BurtonAdmin
T. DuvalDev
O. BonnevilleOp.
Credits
Achats
January 2022
February 2022···
March 2022···
Sidebar navigation
Société
Mes vins
Mes crédits
Aide?
Credit packages
10
=100€
30
=250€
100
=700€
Spacing & Radius
Spacing tokens
4px
8px
12px
16px
20px
24px
32px
40px
48px
Border radius
3px · bbtn
4px · input
6px · card
pill · badge
50% · avatar