Design System

L'intention

Haut de gamme dans l'exécution, chaleureux dans le contenu.

Nos golfeurs sont installés, souvent seniors, souvent compétiteurs, hommes et femmes à parts égales. Ils veulent un vrai pro, sérieux, et une communauté où ils se sentent chez eux, pas un club fermé qui les juge.

Un club, pas une pub

Du vert profond, de la crème, de l'or en touche. Des photos soignées, beaucoup d'espace. Fini les dégradés criards.

Lisible à 70 ans

Texte en 18px, contrastes forts, boutons larges, jamais de typographie fine et pâle.

De vraies personnes

Mathieu, et surtout les élèves : femmes, seniors, groupes de stage. Le parcours comme décor principal.

Toujours le vous

Nos golfeurs sont des adultes, souvent seniors : on les vouvoie partout, sur le site comme dans les e-mails.

Un seul mot : « stage ». Le rendez-vous gratuit en ligne de Mathieu s'appelle toujours « le stage » ou « le stage en ligne gratuit ». Jamais « conférence », « webinaire », « bootcamp » ni « masterclass », sur le site, dans les pop-ups, les e-mails, les pubs et les réseaux. Exemples : « Je réserve ma place au stage », « Stage gratuit », « Mathieu y révèle sa méthode, en exclusivité ».

Jamais rabaisser le golfeur. On ne le situe pas en dessous des pros : pas de « golf d'amateur », pas de « l'amateur » comme repoussoir. On parle de « votre jeu », « votre meilleur golf », « la plupart des golfeurs ».

01 · Logo

« Ton » à la main, « Golf Authentique » gravé.

Une grande typographie élégante, avec le « Ton » manuscrit qui apporte la chaleur. Le nom se lit toujours en entier, même en petit.

Version une ligne

Barre de navigation, signatures, en-têtes d'e-mail.

Télécharger (SVG)

Monogramme

Favicon, avatar, broderie.

Télécharger (SVG)

Logo actuel

À comparer sur la home : version logo actuel.

02 · Couleurs

La forêt, la crème, une touche d'or.

Toutes tirées de la palette existante de TGA. Cliquez sur une couleur pour copier son code.

Texte : nuit #0E1B15 pour les titres, #3D4A43 pour le texte courant, sur crème ou blanc. Crème sur forêt pour les blocs sombres.

L'or sert aux chiffres, aux détails et aux boutons sur fond sombre. Jamais de texte or sur crème : il ne se lit pas.

03 · Typographie

Élégante pour les titres, simple pour lire.

Titres · Fraunces

Jouez sur le parcours comme au practice.

Une typographie à empattements, épaisse et chaleureuse. L'italique vert met en valeur la fin d'un titre.

Texte · Hanken Grotesk, 18px minimum

Une lecture confortable, même sur un téléphone, même sans lunettes.

Le logo garde ses propres polices (Gloock et Pinyon Script) : on ne les utilise pas ailleurs.

04 · Images

Le parcours, Mathieu, et les élèves.

Des photos réelles du shooting et des stages, et des visuels de mise en situation aux couleurs de TGA (gant, balle) pour habiller le site et les réseaux.

**Mathieu en action**Face à la mer, en plein ciel : parfait pour le texte derrière le golfeur.

**Mise en situation**Le gant vert brodé TGA, pour le détail haut de gamme.

**Le coaching**Mathieu qui corrige, de près : la preuve du sérieux.

**La communauté**Les élèves en stage, hommes et femmes, tous âges.

05 · Composants

Boutons, chiffres, cartes.

Boutons

Je réserve ma place →Faire mon diagnostic

Découvrir l'Académie →

Arrondis, larges, 18px. Vert sur fond clair, or sur fond sombre. Au survol, le bouton fonce et remonte légèrement.

Chiffres et cartes

1 200+élèves accompagnés

13joueurs pros coachés

Les cours ponctuels

Le déclic arrive pendant le cours. Trois jours plus tard, sans suivi entre les séances, vous êtes revenu à votre ancien swing.

Liens dans le texte

Fondateur de Click&Golf® , l'application pensée par des coachs pour les coachs de golf.

Un lien doit se voir sans survol : vert forêt, souligné d'un trait doré de 2px, flèche ↗ quand il mène vers un autre site. Au survol, le mot se surligne en doré pâle et le trait passe au vert.

Élément graphique : la trajectoire

La balle qui part du practice et atterrit au drapeau : la promesse de TGA, en décor discret sur les fonds sombres.

06 · Témoignages

La preuve, lisible et à la marque.

Chaque témoignage d'élève devient des images prêtes à l'emploi, pour le site, les pages de vente, les posts et les newsletters. Les mots restent ceux de l'élève : on coupe, on corrige les fautes, on ne reformule jamais.

Les cartes témoignage · 4 styles

Carte témoignage, style Claire — **Claire**Fond blanc, étoiles or sur vert forêt, phrase clé surlignée en or.

Carte témoignage, style Sapin — **Sapin**Fond vert forêt, texte crème, phrase clé en or soulignée.

Carte témoignage, style Citation — **Citation**Fond crème, guillemet or, phrase clé soulignée d'or.

Carte témoignage, style Bandeau — **Bandeau**Bandeau vert forêt avec le logo et les étoiles, carte blanche.

3 formats pour chaque style. Page (1080 px de large, hauteur libre), Carré 1080×1080 pour le fil Instagram, Story 1080×1920 avec les zones sûres d'Instagram laissées vides.

Toujours 5 étoiles, un titre en Fraunces, une phrase clé mise en valeur, puis la photo de l'élève (si elle est autorisée) avec son nom et « élève TGA ».

Les miniatures des témoignages vidéo

Format 16:9 (1280×720) : la même image sert sur le site et sur YouTube. Passez la souris dessus pour voir l'effet au survol.

Miniature du témoignage vidéo d'Aurélien

Composition. Fond vert forêt, logo en haut à gauche, gros titre court en Fraunces crème avec les mots clés en or, photo de l'élève à droite en fondu, bouton lecture or en bas avec le prénom et « Témoignage vidéo · élève TGA ».

La photo. Une image tirée de la vidéo, les yeux ouverts, éclaircie si besoin, sans bord noir. Toujours l'élève, jamais Mathieu quand il apparaît dans l'interview.

Au survol, sur le site. L'image zoome légèrement, un voile vert nuit l'assombrit et une pastille or « ▶ Regarder le témoignage » apparaît.

07 · Ce qui est décidé

Les choix déjà faits.

26.09.2026	Ligne directrice : haut de gamme dans l'exécution, chaleureux dans le contenu.
26.09.2026	Le site devient « senior friendly » : texte plus grand, contrastes forts, boutons larges.
02.10.2026	On vouvoie partout : site, pages, pop-ups et e-mails. Jamais de tutoiement. Le nom « Ton Golf Authentique » reste tel quel.
02.10.2026	Jamais de langage qui rabaisse le golfeur : pas de « golf d'amateur », dire « votre jeu », « la plupart des golfeurs ».
02.10.2026	Un seul mot pour le rendez-vous gratuit en ligne : « stage ». Jamais conférence, webinaire, bootcamp ni masterclass (voulu par Mathieu).
26.09.2026	Le mot « stage » reste : il parle aux golfeurs, contrairement à « bootcamp ».
26.09.2026	Palette forêt et crème, or en touche, sans vert vif.
26.09.2026	Logo en cours de choix : nouveau logo ou logo actuel, à comparer sur les 2 versions de la home.
02.10.2026	Liens dans le texte toujours visibles : soulignés en doré, flèche ↗ vers un site externe, surlignage doré au survol.
02.10.2026	Pop-up d'inscription aux couleurs du site : fond crème, titre Fraunces, bouton vert forêt arrondi, texte des boutons en minuscules.
02.10.2026	Cartes témoignage aux couleurs du site : mêmes 4 styles qu'avant (Claire, Sapin, Citation, Bandeau), vert forêt, crème et or, Fraunces et Hanken Grotesk.
02.10.2026	Miniatures des témoignages vidéo en 16:9, façon YouTube : fond vert forêt, gros titre crème et or, photo de l'élève à droite.