Charte graphique — Hello-Max

0. Mascotte — Max

Original

max-mascotte.svg

Flamme

max-mascotte-flame.svg

Outline (fond clair)

max-mascotte-outline.svg

1. Gradients signatures (3)

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

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

Noir#000000

Blanc cassé#f5f5f5

Rouge#ff0000

Bleu#3b82f6

Vert#97c459

2bis. Nuances étendues

Rouge clair#ff3333

Orange accent#ff6b35

Vert foncé#173404

Violet#8b5cf6

3. Rampes 10 paliers

Rouge #ff0000

Orange #ff6b35

Gris (texte) #f5f5f5

4. Boutons CTA

CTA fond#ff0000

CTA hover#cc0000

CTA texte#ffffff

Lien#ff6b35

5. Palettes de section

Section 1 — Noir pur

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

bg: #000000text: #f5f5f5highlight: #ff0000

Section 2 — Cards

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

bg: #0a0a0atext: #f5f5f5highlight: #ff6b35

Section 3 — Elevated

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

bg: #121216text: #f5f5f5highlight: #ff3333

6. 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