Charte graphique — Hello-Max tokens depuis hello-max.com · 2026-05-23

1. Logos

Hello-Max — logo principal
Logo principal
logo-hellomax.png
Max — version originale
Mascotte — Original
max-mascotte.svg
Max — version flamme
Mascotte — Flamme
max-mascotte-flame.svg
Max — version outline
Mascotte — Outline (fond clair)
max-mascotte-outline.svg

2. Auteur(s) / Spokesperson

À compléter.

3. Couleurs primitives 5 obligatoires : noir · blanc · rouge · bleu · vert

Noir#000000
Blanc cassé#f5f5f5
Rouge#ff0000
Bleu#3b82f6
Vert#97c459

4. Gradients signatures

Rouge — signature principale

linear-gradient(135deg, #ff0000, #ff3333 40%, #ff6b35) · var : --gradient-red

Vert — succès, croissance

linear-gradient(135deg, #173404, #97c459) · var : --gradient-green

Violet → bleu — info, premium

linear-gradient(135deg, #8b5cf6, #3b82f6) · var : --gradient-blue-purple

5. Couleurs de la charte

Rouge clair#ff3333
Orange accent#ff6b35
Vert foncé#173404
Violet#8b5cf6

6. Rampes 10 paliers

Rouge #ff0000
Orange #ff6b35
Gris (texte) #f5f5f5

7. Boutons CTA

CTA fond#ff0000
CTA hover#cc0000
CTA texte#ffffff
Lien#ff6b35

8. Palettes de couleurs de section

Palette 1 — Noir pur

Voici un paragraphe. La portion mise en avant ressort en rouge signature.

bg: #000000text: #f5f5f5highlight: #ff0000

Palette 2 — Cards

Voici un paragraphe. La portion mise en avant ressort en orange accent.

bg: #0a0a0atext: #f5f5f5highlight: #ff6b35

Palette 3 — Elevated

Voici un paragraphe. La portion mise en avant ressort en rouge clair.

bg: #121216text: #f5f5f5highlight: #ff3333

Palette 4 — Split diagonal

Noir à gauche, rouge signature à droite, séparés par une diagonale. Le texte passe par-dessus et reste lisible des deux côtés.

gauche: #000000droite: gradient rougesplit: diagonale 105°

9. Palettes de couleurs pour images (carousels, infographies)

À compléter.

10. Réseaux sociaux

11. Typographie — Satoshi

Ton bras droit IA
qui automatise ton business

Voici un paragraphe en Satoshi Regular (400), 18px / line-height 1.6. Le texte courant respire avec une opacité réduite (0.75) pour la hiérarchie. Les titres sont en Satoshi Black (900), letter-spacing -0.8px, line-height 1.12.

Headings : Satoshi 900 · letter-spacing -0.8px · word-spacing 0.08em · line-height 1.12
Body : Satoshi 400 · 18px · line-height 1.2em (Fluxcaler) ou 1.6 (lecture)
Source : https://api.fontshare.com/v2/css?f[]=satoshi@900,400

12. Assets icônes

cerveau
cœur
cible
couronne
éclair
validé
bouclier
message
drapeau
panier
mallette
écran
graphique
vidéo
crayon
badge validé
badge refusé