Design system

Styleguide Pharéo

Page de validation temporaire — palette, typographie et composants de base définis dans le CLAUDE.md. À supprimer une fois le style validé.

Palette

Nuit maritime & faisceau ambre

Les couleurs de fond, de texte et d'accent définies dans le système de design.

--ink#0A1626Nuit maritime
--ink-2#0F1E31Surface
--ink-3#16273DCarte
--text#EAF1FBTexte
--text-dim#93A3BATexte secondaire
--beam#F4B23EFaisceau
--beam-2#FFD07AHalo
--day#F6F2E9Le jour

Typographie

Clash Display + Inter

Titres en Clash Display (auto-hébergée), corps de texte en Inter Variable.

Titre H1 — On vous met en lumière.

Titre H2 — Le phare dans la nuit maritime

Titre H3 — Référencement local & GEO

Chapô — Pharéo met les entreprises en lumière : visibilité sur Google et sur les moteurs IA.

Paragraphe de corps — Fondateur avec 7 ans d'expérience SEO et des résultats concrets en e-commerce, à la pointe du GEO (référencement sur les IA), nous accompagnons les entreprises locales et internationales vers la première position.

Composants

Eyebrows & boutons

Pourquoi Pharéo ?

Nos résultats

Section claire

Le jour — contenu à lire

Les sections claires crème servent aux services, à la méthode, à la FAQ.