Boostera — Charte Graphique
Boostera
← → naviguer  ·  F plein écran  ·  M menu
Charte Graphique

Allégez
l'essentiel.

Boostera est une app de life-coaching mobile qui aide les utilisateurs à avancer vers leurs objectifs — à leur rythme, sans pression, simplement.

Boost Green
Energy Yellow
Amber
Deep Orange
01 — Vision

Notre manifeste

Avancer vers ses objectifs,
à son rythme, sans pression,
simplement.

Relief
Reprendre sans culpabilité après une pause, là où on s'était arrêté.
Clarté
Une seule prochaine petite étape, claire et adaptée au contexte de l'utilisateur.
Progression
Un avancement durable, sans pression ni jugement, adapté à la vraie vie.
Millennials 25–34 Gen Z 18–24 Life-coaching Mobile Sans jugement À son rythme
Boostera — Visuel vert
Boostera — Visuel chaud
Identité visuelle — Palette Chaude

L'ambition,
c'est avancer —
même à petits pas.

Amber — #FCC145
Deep Orange — #E98201
Boostera — Visuel cool
Identité visuelle — Palette Cool

L'élan naturel
vers une nouvelle ère.

Boost Green — #83E586
Energy Yellow — #FFEB3B
02 — Expérience

Parcours utilisateur

S
Sarah, 27 ans — junior designer, ambitieuse, veut évoluer en DA Objectif : « Décrocher un job en tant que Directrice Artistique. »
Parcours principal
1
Téléchargement
Sarah découvre Boostera et installe l'app depuis l'App Store.
2
Questionnaire IA
L'IA apprend à la connaître : personnalité, ambitions, compétences actuelles, rythme, blocages.
3
Objectif adapté
L'IA propose : « Devenir DA — programme progressif : portfolio, leadership, vision créative. »
4
Première action
Jour 1 : « Analyse 3 chartes graphiques qui t'inspirent. » Sarah commence son parcours.
5
Coaching IA
L'IA guide et ajuste : « Ton œil progresse. Prochaine étape : créer ta première identité. »
6
Progression
Mois 3 : 2 projets portfolio terminés. L'app célèbre le streak et débloque le niveau suivant.
7
Pause & reprise
Sarah ralentit 2 semaines. L'app reprend en douceur, sans jugement ni perte de progression.
8
Objectif atteint !
Portfolio solide, premiers clients, poste de DA. L'IA propose de nouveaux horizons.
Fonctionnalité clé

1 interface par personne

L'interface Boostera s'adapte dynamiquement à chaque utilisateur. Pour un même objectif, deux personnalités différentes auront une structure, une organisation et une manière d'aborder les choses totalement différentes.

Socle commun : Palette Boostera Logo Boostera
S
Sarah — Visuelle
Grilles visuelles, mood boards
K
Karim — Analytique
Listes, métriques, données
Zone de protection
Zone de protection Boostera
Zone de sécurité égale à la hauteur de la lettre « B » présente dans le logo Boostera, appliquée sur les 4 côtés
Ne jamais déformer ni étirer le logo
Taille minimale d'utilisation : 24 px en hauteur
Respecter les couleurs officielles de la charte graphique
02 — Identité

Logo & variantes

Logos
Principal Principal
L2
L3
L4
L5
L6
L7
L8
Icônes & favicons
I1
I2
I3
I4
I5
I6
I7
I8
I9
Favicon
03 — Palette

Couleurs

Cool — Naturel
01 Boost Green #83E586 Principale
02 Energy Yellow #FFEB3B Accent 1
#83E586→#FFEB3B
Chaud — Énergie
03 Amber #FCC145 Accent 2
04 Deep Orange #E98201 Chaude
#FCC145→#E98201
Neutres
#0D0D0D
#1E1E1E
#424242
#777777
#C4C4C4
#E4E4E4
#F7F7F7
#FFFFFF
04 — Typographie

Plus Jakarta Sans

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&( ).,;:
Graisses
300 Light · Boostera
400 Regular · Boostera
500 Medium · Boostera
600 SemiBold · Boostera
700 Bold · Boostera
800 ExtraBold · Boostera
Échelle typographique
DisplayBoostera
H1Titre principal
H2Titre secondaire
BodyCorps — 13px/400
CaptionLégende — 12px
LabelÉTIQUETTE
Boostera — Visuel chaud
05 — UI Kit

Boutons

Styles
Tailles
Pleine largeur
Avec icônes & états
Boutons icône
État chargement
06 — UI Kit

Composants

Badges & statuts
Actif En attente Nouveau Archivé ✓ Vérifié ⚡ Pro
Champs de formulaire
Mot de passe trop court
Interrupteurs
Notifications activées
Mode sombre
Cartes — Life Coaching
Objectif principal
Mieux dormir
Progression68%
🔥
12
Jours de suite
🏆
Record : 15
Prochaine étape
Éteindre les écrans 30 min avant
Petite action claire, adaptée à ton rythme.
Interface IA — Coach Boostera
Boostera IA il y a 2 min
Tu n'as pas été actif hier, et c'est OK. On reprend doucement ?
Oui, propose-moi quelque chose de rapide
Demander à l'IA coach...
Progression & Avatars
Objectif sommeil87%
Série active5 jours
C
D
A
+12
15 membres actifs
07 — Système

Espacement

Unité de base — 4px
4
8
12
16
24
32
40
48
64
Rayons de bordure
4px
8px
12px
14px
24px
∞ pill
Flat — zéro ombre portée
Surface 1 — bg-2 + border
Surface 2 — bg-3 + border
Surface accentuée — green tint
08 — Icônes

Iconographie

Style flat — Filled · 24×24
Icônes système — filled
Home
Search
User
Boost
Stats
Media

Allégez
l'essentiel.