Personnaliser le design

1. Choisir une palette prédéfinie

Onglet « Thème » du panneau gauche. 11 palettes prêtes à l'emploi :

Bistrot, Noir, Midnight, Océan, Brutaliste, Warmth, Mint, Lavande, Cyber, Sunset, Forêt.

Un clic et tout ton site change de skin (couleurs primaires, secondaires, fond, accent…). La palette active est encadrée en rouge avec la mention « ACTIF ».

123

1. 1Palette active — cadre rouge + « ACTIF »
2. 211 palettes prédéfinies
3. 3« Personnalisé » — pour créer ta propre palette

2. Couleurs sur mesure

Si aucun preset ne te convient, choisis « Personnalisé ». Tu accèdes à 5 sélecteurs de couleurs :

• Primaire : couleur dominante (titres, CTA).
• Secondaire : accent (sous-titres, liens).
• Accent : touche colorée (badges, boutons secondaires).
• Fond : couleur de fond du site.
• Texte : couleur du corps de texte.

123

1. 1Onglet « Personnalisé »
2. 2Sélecteur de couleur (clic pour ouvrir picker)
3. 3Code hex éditable manuellement

3. Polices

Sous les couleurs : « Pairing de polices ». Studio propose 8 paires préassorties (titre + corps) qui fonctionnent bien ensemble.

Exemples : Geist + Inter (moderne SaaS), Playfair + Source Sans (éditorial chic), Space Grotesk + IBM Plex Mono (tech).

12

1. 18 paires de polices Google Fonts
2. 2Aperçu instantané dans le site