Design system · v0.1

Les fondations NIVORA LIFT

Tous les écrans de l'application seront construits avec ces éléments, tirés du prototype : couleurs, typographie, boutons, cartes de choix, progression, sons et animations.

Logo (provisoire)

NIVORA LIFTTRAIN SMARTER

Monogramme « N » avec une flèche montante. Le logo définitif sera conçu après la vérification juridique du nom.

Couleurs

Fond
#090d18
Panneau
#151d30
Panneau 2
#1b2740
Violet électrique
#9657ff
Turquoise
#22e5d2
Rose vif
#ff4fa3
Jaune
#ffc96b
Texte
#f7f8ff
Texte secondaire
#a3afc4

Typographie

Titre principal Progresse.

Titre de question

Titre de carte

Texte courant : 16 px sur ordinateur, jamais moins de 14 px sur mobile pour rester lisible pendant une séance.

Pastille

Sur-titre

Full body · Découverte

Boutons

Cartes et conseils

Carte standard

Pour les séances, les programmes, l'historique.

Carte mise en avant

Pour l'offre recommandée ou un record.

Carte discrète

Pour les avantages et informations.

Conseil NIVORAPrivilégie le contrôle à la charge : la technique d'abord, le poids ensuite.

Questionnaire : comportement

01 / 03

Exemple 01 · Choix unique

Qu'est-ce que tu veux atteindre ?

Choisis une réponse pour passer automatiquement à la suite.

Retours et sons

Chaque action importante a son petit son et un message. Les sons se règlent (ou se coupent) avec le bouton « Son » en haut à droite ou dans les paramètres.