Set duo pickleball
69,00 €
Document interne
Charte graphique
Les éléments à reproduire dans le thème Shopify : logo, couleurs, typographies, composants et espacements.
Logo
Mot-symbole en Bricolage Grotesque ExtraBold vectorisé (fichier assets/logo.svg). Le point dans le « o » est la balle : couleur Balle (#D4E04A), seul usage de cette couleur. Zone de protection : la hauteur du « o ». Largeur minimale : 64 px. Toujours monochrome (encre sur clair, crème sur foncé).
Couleurs
Crème
#F4EFE6
Fond principal
Sable
#EAE2D4
Fond des visuels produit, sections alternées
Papier
#FBF8F3
Champs, cartes
Encre
#141B33
Texte, traits
Gris texte
#5C6070
Textes secondaires
Filet
#D8CEBD
Bordures, séparateurs
Bleu court
#1B3A8C
Couleur forte : boutons, liens, blocs
Bleu nuit
#132A66
Survol, pied de page
Terre battue
#C2603A
Seconde couleur : blocs pickleball, détails
Balle
#D4E04A
Accent minuscule : point du logo, rien d’autre
Proportions : 70 % crème et sable, 15 % encre, 10 % bleu court, 5 % terre battue. Pas de dégradé, pas d’ombre portée marquée.
Typographies
Titres : Bricolage Grotesque, graisse 750, opsz 64, approche −0,012 em, interligne 0,94
Le bruit d’un samedi
H1 : 112 px desktop / 52 px mobile
Pour lancer la première partie
H2 : 62 px / 34 px, 750, approche −0,008 em
Choisir en trois questions
H3 : 25 px / 21 px, 700
Sur-titre
Inter 600, 12 px, capitales, espacement +0,14 em
Texte d’introduction en Inter 400, 19 px, interligne 1,55.
Texte courant en Inter 400, 16 px, interligne 1,65, couleur encre.
Boutons
Hauteur 52 px, rayon complet, Inter 600 15 px. Survol : bleu nuit. Pas d’ombre.
Carte produit
Visuel 4:5 sur fond Sable, photo en multiply (fond blanc absorbé), contenu à 82 %, rayon 6 px. Au survol, la 2e photo apparaît. Étiquette « Nouveau » uniquement si vrai. Nom en Inter 600 16 px, prix en Inter 500.
Motif : lignes de terrain
Terrains de padel (20 × 10 m) et de pickleball (13,4 × 6,1 m) vus de dessus, traits fins 1 px, crème à 45 % sur bleu ou terre battue, encre à 12 % sur crème. Le filet en pointillés.
Espacements et grille
4
8
12
16
24
32
48
64
96
128
Conteneur 1360 px maximum, marges 40 px (desktop) et 20 px (mobile). Grille produits : 4 colonnes, gouttière 24 px ; 2 colonnes en mobile, gouttière 12 px. Sections : 120 px d’air vertical en desktop, 72 px en mobile. En-tête 76 px, barre d’annonce 36 px, identiques sur toutes les pages.