Thèmes

Personnalisez le design.

• Couleurs : Changer la palette (ex: bleu pour un site corporate).

• Polices : Choisir un style (ex: "Roboto" pour un look moderne).

• Style de l’en-tête : Pleine largeur ou compact (ex: bannière grand format).

Fonction :
Choisissez parmi 6 thèmes prédéfinis (Minimal, Arrière-plan, Dynamique, etc.) qui déterminent la structure visuelle de base.

Exemple :

• Thème "Minimal" : Idéal pour un site CV sobre

• Thème "Dynamique" : Parfait pour un portfolio créatif avec animations

Tip :
Le thème affecte la disposition des sections mais pas les couleurs (modifiables séparément).

Fonctionnalités :

• Palette de 16 couleurs prédéfinies

• Sélecteur personnalisé (RGB/HEX)

• Application à :

  • En-tête

  • Arrière-plan

  • Texte

  • Boutons

Exemple :
Création d'une identité visuelle :

1. Couleur principale : #2E86AB (bleu professionnel)

2. Texte : #333 (noir doux)

3. Boutons : #F18F01 (orange vif)

Astuce :
Utilisez Coolors.co pour générer des palettes harmonieuses.

Options :

• 12 combinaisons typographiques prédéfinies

• Contrôle indépendant pour :

  • Titres (ex: Roboto Bold)

  • Corps de texte (ex: Open Sans)

Exemple d'utilisation :

• Site corporate :
  Titres : Montserrat
  Texte : Lato

• Site artistique :
  Titres : Playfair Display
  Texte : Raleway

Important :
Les polices Google Fonts se chargent automatiquement, aucun temps de chargement supplémentaire.

Choix disponibles :

1. Bannière : Image pleine largeur

2. Encadré : Image avec cadre texte

3. Minimal : Seul le titre

Exemple concret :

• Restaurant : Bannière avec photo du chef

• Consultant : Encadré sobre avec logo

• CV : Style minimal pour mettre en valeur le nom

Tip Pro :
Pour les bannières, utilisez des images 2000×800 px pour une qualité optimale.

Options Avancées

a. Effets de défilement (Parallaxe)
Activez des animations subtiles lors du scroll pour les images de fond.

b. Opacité de l'en-tête
Ajustez la transparence (0-100%) pour mieux intégrer le texte.

c. Style de navigation
Choix entre :

• Barre classique

• Barre moderne avec effet de survol

Options Avancées

a. Effets de défilement (Parallaxe)
Activez des animations subtiles lors du scroll pour les images de fond.

b. Opacité de l'en-tête
Ajustez la transparence (0-100%) pour mieux intégrer le texte.

c. Style de navigation
Choix entre :

• Barre classique

• Barre moderne avec effet de survol

Limitations à Connaître

• Impossible d'ajouter des polices personnalisées hors sélection

• Les thèmes ne modifient pas la structure HTML/CSS

• Changement de thème = réinitialisation des couleurs personnalisées

Alternative : Pour un design ultra-personnalisé, utilisez un outil comme Webflow puis intégrez-le via iframe.