Des mises en page audacieuses et asymétriques conçues pour les freelances, les agences et les professionnels de la création qui veulent se démarquer. Riche en effets de parallaxe, en animations avancées et en couleurs affirmées.

Ce qui rend Creative unique

Un thème qui sort des sentiers battus. Grilles asymétriques, typographie affirmée, profondeur en parallaxe et couleurs audacieuses rendent votre site impossible à ignorer.

Mises en page asymétriques

Libérez-vous des grilles rigides. Creative utilise des mises en page audacieuses et décalées qui attirent le regard et créent un flux visuel dynamique sur chaque page.

Profondeur en parallaxe

Des effets de parallaxe multicouches apportent une sensation de profondeur et de mouvement. Arrière-plans, images et contenus se déplacent à des vitesses différentes pendant le défilement.

Typographie affirmée

Des titres en Space Grotesk associés à un texte courant en Plus Jakarta Sans. Titres surdimensionnés, espacement des lettres resserré et hiérarchie expressive.

Mode sombre complet

Un mode sombre entièrement conçu, avec des arrière-plans profonds (#1e1e2e), des rapports de contraste ajustés et des variations de couleurs pour un confort de lecture nocturne.

42 sections

Des modèles de section prêts à l’emploi pour les bannières hero, les fonctionnalités, les tarifs, les témoignages, les portfolios, les CTA et plus encore. Combinez-les librement.

Prêt pour les add-ons

Prise en charge complète des modèles pour Blog, Shop, Portfolio, FAQ, Careers, Events, Forum et plus encore. Chaque add-on bénéficie du style Creative.

Premiers pas

Activez le thème Creative depuis votre panneau d’administration et commencez à le personnaliser immédiatement. Voici comment être opérationnel en quelques minutes.

  1. Installez le thème

    Téléversez le paquet du thème Creative dans votre installation Larapen. Rendez-vous dans Admin → Apparence → Thèmes pour le voir apparaître dans la liste.

  2. Activez Creative

    Cliquez sur Activer à côté du thème Creative. Il devient immédiatement le thème de votre site en ligne. Aucune interruption, aucune perte de données.

  3. Personnalisez les couleurs et les polices

    Allez dans Paramètres du thème pour ajuster la couleur primaire, la largeur de mise en page, le style d’en-tête, les associations de polices et les réglages par défaut du mode sombre.

  4. Créez vos pages

    Créez des pages avec le modèle sectioned en utilisant l’un des 42 types de section disponibles, ou utilisez les modèles autonomes pour les portfolios, les blogs et les boutiques.

  5. Configurez les menus

    Configurez vos menus d’en-tête et de pied de page sous Admin → Menus. Le thème Creative prend en charge la barre de navigation fixe avec des menus déroulants jusqu’à 2 niveaux de profondeur.

Changer de thème n’affecte jamais votre contenu. Vos pages, portfolios, articles de blog et toutes vos autres données restent intacts. Les thèmes ne contrôlent que la façon dont le contenu est affiché.

Code d’achat (clé de licence)

Le thème Creative est vendu sous une licence distincte de celle de l’application principale et de chaque autre thème ou add-on : il possède donc son propre code d’achat (clé de licence). Il vous est demandé la première fois que vous activez le thème dans Panneau d’administration → Thèmes.

Nos produits sont vendus sur trois plateformes. La façon dont vous recevez un code d’achat dépend de l’endroit où vous avez acheté le produit.

Plateforme / Marketplace Comment obtenir le code d’achat Où le retrouver
Boutique bedigit.com
Achat sur le site (Shop)
Généré automatiquement lorsque la commande est payée, puis envoyé par e-mail, soit dans un e-mail de licence dédié, soit dans l’e-mail de confirmation de commande. Mon compte → Mes licences sur bedigit.com
Gumroad Créé dès que Gumroad nous notifie la vente, puis envoyé dans un e-mail séparé, en plus du reçu Gumroad. L’e-mail de licence, votre Bibliothèque Gumroad et Mon compte → Mes licences sur bedigit.com
Envato Market
CodeCanyon
Délivré par Envato, pas par nous, et jamais envoyé par e-mail : vous le téléchargez vous-même depuis votre compte Envato. Compte Envato → Downloads → License certificate & purchase code

Vérifiez votre dossier de spam. Pour les achats effectués sur la Boutique bedigit.com et sur Gumroad, le code d’achat est envoyé par e-mail, et les e-mails de licence automatiques sont très souvent filtrés. Si le message ne se trouve pas dans votre boîte de réception, regardez dans votre dossier spam / courrier indésirable avant de contacter le support, et ajoutez notre adresse d’expédition à vos contacts ou à votre liste d’autorisation.

1. Boutique bedigit.com (achat sur le site)

Dès que votre commande est marquée Payée, une clé de licence est générée automatiquement pour chaque article sous licence de la commande (une clé par unité achetée) et envoyée par e-mail à l’adresse utilisée pour la commande, soit dans un e-mail de licence dédié, soit dans l’e-mail de confirmation de commande. La clé reste également disponible sous Mon compte → Mes licences, où vous pouvez l’afficher, la copier, voir les domaines sur lesquels elle est activée et désactiver un domaine pour libérer un emplacement d’activation. La facture correspondante se trouve sous Mon compte → Mes commandes.

2. Gumroad

Un achat sur Gumroad produit deux e-mails distincts : le reçu Gumroad (envoyé par Gumroad, donnant accès aux fichiers) et un e-mail de clé de licence (envoyé par bedigit.com) qui contient votre code d’achat. Ce second e-mail est généré dès que Gumroad nous notifie la vente, il arrive donc normalement quelques secondes après le paiement. Lorsque le produit utilise la fonctionnalité de clés de licence propre à Gumroad, la même clé apparaît aussi dans le reçu Gumroad et sous Bibliothèque → votre achat sur gumroad.com. Utilisez la même adresse e-mail sur bedigit.com que sur Gumroad : vos clés sont alors liées automatiquement à votre compte, sous Mon compte → Mes licences ; vous pouvez aussi ajouter une clé Gumroad manuellement depuis Mon compte → Mes licences Gumroad.

3. Envato Market (CodeCanyon)

Envato délivre et fournit lui-même le code d’achat : nous ne l’envoyons jamais par e-mail, il n’y a donc rien à chercher dans votre dossier de spam. Connectez-vous à votre compte Envato / CodeCanyon, ouvrez la page Downloads, trouvez l’article et choisissez License certificate & purchase code dans le menu déroulant Download ; le code est inscrit dans ce certificat. Il ressemble à 12345678-90ab-cdef-1234-567890abcdef et ne change jamais, même lorsque vous renouvelez le support de l’article. Consultez l’article officiel : Where Is My Purchase Code?

Vous avez perdu votre code d’achat ? Recherchez dans votre messagerie (dossier de spam inclus) « licence » ou « code d’achat », puis consultez Mon compte → Mes licences sur bedigit.com pour les achats Boutique et Gumroad, ou Downloads → License certificate sur Envato. S’il est toujours introuvable, ouvrez un ticket sur notre Centre d’aide avec votre numéro de commande (Boutique), l’ID de vente Gumroad ou l’e-mail de l’acheteur (Gumroad), ou votre nom d’utilisateur Envato et le nom de l’article (Envato).

Personnalisation

Chaque aspect du thème Creative peut être adapté depuis le panneau d’administration. Aucun code requis.

Palette de couleurs

Le thème est livré avec une palette audacieuse orange vif et bleu profond, mais chaque couleur est modifiable. Changez les couleurs primaire, secondaire et d’accent depuis les Paramètres du thème : l’ensemble du site se met à jour instantanément grâce aux propriétés personnalisées CSS.

Couleur Valeur
Primaire #ff6b35
Secondaire #004e89
Accent #1a1a2e
Primaire claire #ff8c5a
Fond sombre #1e1e2e

Toutes les couleurs se configurent depuis le panneau d’administration, sous Paramètres du thème. Aucune connaissance en CSS n’est requise. Le thème utilise des propriétés personnalisées CSS (variables) qui se mettent à jour globalement lorsque vous changez une couleur.

Typographie

Deux polices Google Fonts soigneusement associées forgent l’identité de Creative :

  • Space Grotesk : sans-serif géométrique et moderne pour les titres. Sa graisse marquée et son espacement des lettres resserré créent de l’impact.
  • Plus Jakarta Sans : sans-serif chaleureuse et lisible pour le texte courant. Ses courbes douces équilibrent la géométrie des titres.
  • Taille de base : 16px avec une hauteur de ligne de 1.7 pour un confort de lecture optimal.

Les polices des titres et du texte courant peuvent être modifiées dans les Paramètres du thème. Toutes les polices Google Fonts sont prises en charge. Le thème applique alors les polices choisies à toute la typographie du site.

Mise en page et en-tête

Le thème Creative utilise un large conteneur de 1250px pour des mises en page aérées. Le style d’en-tête est par défaut fixe (sticky) : il reste en haut de l’écran pendant le défilement.

  • Largeur du conteneur : 1250px (réglable)
  • En-tête : fixe, avec flou d’arrière-plan au défilement
  • Pied de page : multicolonne, avec newsletter et liens sociaux
  • Mobile : entièrement responsive, avec navigation hors-canevas

Référence des Paramètres du thème

Paramètre Valeur par défaut Description
primary_color #ff6b35 Couleur principale de la marque (orange vif)
secondary_color #004e89 Couleur secondaire (bleu profond)
accent_color #1a1a2e Couleur d’accent (bleu marine foncé)
heading_font Space Grotesk Police Google Fonts des titres
body_font Plus Jakarta Sans Police Google Fonts du texte courant
base_font_size 16px Taille de police de base
layout_style wide wide (1250px) ou boxed
container_width 1250px Largeur maximale du conteneur
header_style sticky sticky ou static
dark_mode true Active la prise en charge du mode sombre
parallax true Active les effets de parallaxe
animations true Active les animations au défilement
back_to_top true Affiche le bouton de retour en haut

Modèles de page

Chaque type de page dispose d’un modèle dédié, conçu selon le langage visuel de Creative. Les modèles des add-ons sont disponibles lorsque l’add-on correspondant est actif.

  • Home (Sectioned)
  • Page
  • Contact
  • Portfolio
  • FAQ
  • Team
  • Pricing
  • Partners
  • Account
  • Blog
  • Shop
  • Booking
  • Careers
  • Events
  • Forum
  • Classified
  • Glossary
  • HelpDesk
  • Licenses
  • Envato
  • Quote Request

Les modèles de base (Home, Page, Contact, Portfolio, Account) sont toujours disponibles. Les modèles des add-ons (Blog, Shop, Events, etc.) apparaissent automatiquement lorsque l’add-on correspondant est installé et activé.

42 modèles de section

Construisez vos pages en combinant des blocs de section. Chaque section est une unité de design autonome que vous pouvez combiner et réorganiser à volonté. Les pages utilisant le modèle « sectioned » peuvent inclure autant de blocs de section que nécessaire.

Section Catégorie Description
Hero Banner Core Hero pleine largeur avec arrière-plan en parallaxe, titre, sous-titre et CTA
Hero Slider Core Hero animé avec plusieurs diapositives et effets de transition
Hero Video Core Section hero avec arrière-plan vidéo et texte en surimpression
About / Intro Core Disposition asymétrique texte + image pour les présentations
Features Grid Core Cartes de fonctionnalités avec icônes dans une grille responsive
Features Alternating Core Blocs de fonctionnalités alternés gauche-droite avec images
Services Core Cartes de services avec icônes, titres et descriptions
Portfolio Grid Core Vitrine de portfolio en mosaïque avec filtre par catégorie
Portfolio Carousel Core Portfolio à défilement horizontal avec cartes en parallaxe
Testimonials Core Cartes de témoignages clients avec étoiles de notation
Testimonials Slider Core Carrousel de témoignages pleine largeur avec grandes citations
Pricing Tables Core Cartes de tarifs affirmées avec mise en avant de l’offre recommandée
Pricing Toggle Core Tarifs mensuels/annuels avec interrupteur animé
Team Grid Core Cartes des membres de l’équipe avec liens sociaux au survol
Team Carousel Core Présentation défilante des membres de l’équipe
Partners / Logos Core Bandeau de logos avec passage du niveau de gris à la couleur au survol
Stats / Counters Core Compteurs numériques animés avec icônes
Timeline Core Frise chronologique verticale pour un historique, un processus ou des jalons
FAQ Accordion Core Questions de FAQ dépliables avec animation fluide
CTA Banner Core Appel à l’action pleine largeur avec arrière-plan en dégradé
CTA Split Core CTA sur deux colonnes avec image et contenu d’action
Contact Form Core Formulaire de contact stylisé avec carte intégrée
Newsletter Core Section d’inscription par e-mail avec formulaire en ligne
Gallery Grid Core Galerie photo avec lightbox
Gallery Masonry Core Galerie d’images en mosaïque façon Pinterest
Content Block Core Section de contenu en texte enrichi avec rendu WYSIWYG
Divider Layout Séparateur visuel avec ligne, icône ou espacement
Spacer Layout Espacement vertical réglable entre les sections
Map Core Section de carte intégrée avec style personnalisé
Video Core Section d’intégration vidéo (YouTube, Vimeo, auto-hébergée)
Blog Latest Blog Grille des derniers articles de blog en cartes
Blog Featured Blog Articles de blog mis en avant ou épinglés en grandes cartes
Shop Featured Shop Produits mis en avant avec prix et ajout au panier
Shop Categories Shop Cartes de présentation des catégories de produits
Events Upcoming Events Liste des événements à venir avec badges de date
Careers Open Careers Liste des postes ouverts avec liens de candidature
Booking CTA Booking Appel à l’action de réservation avec aperçu des disponibilités
Forum Latest Forum Derniers sujets du forum avec indicateurs d’activité
Custom HTML Layout Bloc HTML brut pour des intégrations personnalisées
Code Embed Layout Intégration de code ou de widgets tiers
Parallax Image Core Image pleine largeur en parallaxe servant de transition entre les sections
Scroll Marquee Core Bandeau défilant horizontal infini de texte ou de logos

En-tête et pied de page

Le thème Creative propose un en-tête fixe avec flou d’arrière-plan et un pied de page richement structuré.

En-tête fixe

La barre de navigation reste fixée en haut de la fenêtre pendant le défilement. Elle utilise un arrière-plan semi-transparent avec un effet de flou, qui laisse le contenu situé dessous subtilement visible.

  • Positionnement fixe au défilement
  • Flou d’arrière-plan sur fond sombre
  • Menus déroulants (2 niveaux de profondeur)
  • Navigation mobile hors-canevas
  • Sélecteur de langue intégré

Pied de page multicolonne

Une zone de pied de page généreuse avec plusieurs colonnes configurables. Elle prend en charge les menus dynamiques, l’inscription à la newsletter, les liens sociaux et les mentions de copyright.

  • Plusieurs colonnes de groupes de menus
  • Formulaire d’inscription à la newsletter
  • Liens vers les réseaux sociaux sous forme d’icônes
  • Copyright et liens légaux
  • Bouton de retour en haut

Configurez vos menus d’en-tête et de pied de page sous Admin → Menus. Créez des groupes de menus comme « Header Main », « Footer Column 1 », « Footer Column 2 », etc. Le thème les affiche automatiquement.

Mode sombre

Le thème Creative inclut un design complet en mode sombre. Arrière-plans sombres, contraste ajusté et variations de couleurs pour un confort de lecture dans toutes les conditions d’éclairage.

Arrière-plan

Un bleu marine profond (#1e1e2e) remplace les arrière-plans blancs. Les cartes utilisent une transparence subtile (blanc rgba à 4 %).

Couleurs du texte

Texte blanc à différentes opacités : titres à 100 %, texte courant à 65 %, texte atténué à 45 %.

Orange primaire

L’orange vif reste éclatant en mode sombre et apporte un contraste chaleureux face aux arrière-plans sombres et froids.

Bordures et séparateurs

Des bordures ultra-discrètes en rgba(255,255,255,0.06) délimitent les cartes sans encombrement visuel.

Le mode sombre s’active automatiquement selon les préférences système ou peut être basculé via l’interrupteur de l’en-tête.

Parallaxe et animations

Un motion design subtil et réfléchi apporte profondeur et énergie. Survolez chaque bloc pour prévisualiser le style d’animation.

  • fadeInUp : les éléments s’élèvent depuis le bas en fondu. L’animation d’entrée emblématique du thème.
  • scaleIn : les éléments grandissent depuis le centre avec un effet de ressort. Utilisée pour les icônes et les boutons.
  • slideInLeft : entrée horizontale depuis la gauche. Utilisée pour les éléments des mises en page asymétriques.
  • rotateIn : rotation combinée à un changement d’échelle pour des entrées ludiques sur les éléments décoratifs.

Effets de parallaxe

Des couches défilant à plusieurs vitesses créent de la profondeur sur toute la page. Les images d’arrière-plan, les éléments décoratifs et les sections de contenu se déplacent à des rythmes différents. Le thème utilise les transformations CSS et requestAnimationFrame pour des performances fluides à 60 ips. Aucune bibliothèque externe n’est requise.

Animations au défilement

Les éléments de contenu s’animent à leur apparition pendant que vous faites défiler la page. Le thème utilise IntersectionObserver pour une détection efficace et économe en batterie. Il applique un easing cubic-bezier(0.4, 0, 0.2, 1) pour un mouvement naturel, fidèle à la physique. Le réglage prefers-reduced-motion est respecté.

Le thème respecte automatiquement le réglage « prefers-reduced-motion » du navigateur. Vous pouvez aussi désactiver les animations et la parallaxe dans les Paramètres du thème pour une présentation plus simple et statique.

Prise en charge des add-ons

Lorsque vous installez et activez un add-on Larapen, le thème Creative fournit automatiquement les modèles de page et les blocs de section correspondants.

  • Blog : articles, catégories, étiquettes, commentaires
  • Shop : produits, panier, paiement, commandes
  • Portfolio : projets, catégories, galeries
  • Events : listes d’événements, programmes, inscriptions
  • FAQ : questions, catégories, interface en accordéon
  • Team : membres de l’équipe, rôles, profils
  • Pricing : offres, fonctionnalités, comparaisons
  • Booking : prise de rendez-vous, disponibilités
  • Careers : offres d’emploi, candidatures
  • Forum : forums de discussion, fils, réponses
  • Glossary : définitions de termes, index alphabétique
  • HelpDesk : base de connaissances, catégories, recherche
  • Classified : annonces, catégories, filtres de recherche
  • Partners : logos, descriptions et liens des partenaires
  • Licenses : clés de licence, gestion des activations

Si vous installez un add-on pour lequel Creative ne dispose pas encore d’un modèle personnalisé, l’add-on fonctionnera tout de même en utilisant ses propres vues par défaut. Creative fournit des modèles personnalisés pour tous les add-ons officiellement pris en charge listés ci-dessus.

Mise à jour

Comment mettre à jour ce thème vers une version plus récente.

Téléversement depuis le Panneau d’administration (recommandé)

  1. Téléchargez le dernier fichier .zip de ce thème.
  2. Allez dans Panneau d’administration → Thèmes et cliquez sur le bouton Téléverser.
  3. Sélectionnez ou faites glisser le fichier .zip dans la zone de téléversement.
  4. Une demande de confirmation affiche les numéros de la version actuelle et de la nouvelle version. Cliquez sur Remplacer pour continuer.
  5. Allez dans Panneau d’administration → Mise à jour du système (/admin/update) pour appliquer les éventuelles migrations de base de données en attente.

Astuce : les paramètres de votre thème (couleurs, polices, CSS personnalisé) sont stockés en base de données et ne seront pas perdus lorsque vous remplacerez les fichiers du thème.

Désinstallation

Comment cesser d’utiliser ce thème sans rien perdre.

Les thèmes ne s’activent pas et ne se désactivent pas un par un : un seul thème est actif à la fois, vous cessez donc d’utiliser Creative en activant un autre thème. Allez dans Panneau d’administration → Thèmes et cliquez sur Activer sur le thème que vous souhaitez utiliser à la place.

  • Creative reste installé : ses fichiers restent sous extensions/themes/creative/ et sa carte reste dans la liste.
  • Ses paramètres (couleurs, polices, mise en page, options d’en-tête et de pied de page, CSS personnalisé) restent enregistrés en base de données, tout comme le style par section que vous lui avez appliqué sur la page d’accueil.
  • Le code d’achat enregistré lors de l’activation est conservé : réactiver le thème ne vous le redemandera pas.

Réactivez-le quand vous le souhaitez : le front-end revient exactement tel que vous l’aviez laissé.

Suppression

Comment supprimer définitivement ce thème, et ce qui disparaît avec lui.

La suppression efface le thème définitivement. Le thème actif ne peut pas être supprimé, la suppression se fait donc toujours en deux étapes :

  1. Activez un autre thème (voir Désinstallation).
  2. Cliquez sur Supprimer sur la carte Creative et confirmez.

Cela supprime :

  • le répertoire du thème extensions/themes/creative/ ;
  • ses ressources publiées sous public/themes/creative/ ;
  • ses fichiers téléversés sous storage/app/public/themes/creative/ ;
  • ses artefacts de build Vite : les fichiers hachés sous public/build/ et leurs entrées dans le manifeste ;
  • sa ligne dans la table themes, c’est là que sont stockés ses paramètres : les couleurs, polices, options de mise en page et le CSS personnalisé que vous avez configurés pour lui sont donc perdus.

Cette action est irréversible. Exportez ou notez le CSS personnalisé que vous souhaitez conserver avant de supprimer le thème : une réinstallation ultérieure repart des paramètres par défaut du thème.

Le style par section de la page d’accueil est enregistré sous le nom du thème et non dans la ligne du thème : il survit donc à la suppression. Réinstallez Creative et votre style de sections est toujours là, tandis que les paramètres propres au thème repartent de leurs valeurs par défaut.

La suppression est refusée, avant toute suppression de fichier, lorsque le thème est encore actif ou lorsque l’utilisateur du serveur web (PHP) ne peut pas supprimer extensions/themes/creative/. Dans ce dernier cas, donnez à cet utilisateur les droits d’écriture sur le répertoire et sur son répertoire parent, puis réessayez.

Supprimer le dossier par FTP ou SSH n’est pas équivalent : les ressources publiées, les artefacts de build et la ligne de la table themes restent en place. Utilisez plutôt Supprimer dans le panneau d’administration.

Questions fréquentes

Puis-je passer à Creative depuis un autre thème sans perdre mon contenu ?

Oui. Les thèmes ne contrôlent que la façon dont le contenu est affiché, pas le contenu lui-même. Le changement de thème est instantané et réversible. Vos pages, portfolios, articles de blog et toutes vos autres données restent intacts.

Dois-je connaître le CSS pour personnaliser les couleurs ?

Non. Toutes les couleurs se configurent depuis le panneau d’administration, dans les Paramètres du thème. Le thème utilise des propriétés personnalisées CSS (variables) qui se mettent à jour globalement lorsque vous changez une couleur dans les paramètres.

Le thème Creative fonctionne-t-il sur les appareils mobiles ?

Absolument. Le thème est conçu selon une approche mobile-first avec des mises en page responsives. L’en-tête fixe se transforme en menu hamburger, les grilles s’empilent verticalement et les gestes tactiles sont pris en charge pour les carrousels et les sliders.

Puis-je désactiver la parallaxe et les animations ?

Oui. Le thème respecte automatiquement le réglage « prefers-reduced-motion » du navigateur. Vous pouvez aussi désactiver les animations dans les Paramètres du thème pour une présentation plus simple et statique.

Combien de sections puis-je ajouter à une même page ?

Il n’y a pas de limite stricte. Les pages utilisant le modèle « sectioned » peuvent inclure autant de blocs de section que nécessaire. Chaque section ne charge ses propres styles que lorsqu’elle est utilisée, les performances restent donc élevées.

Le thème Creative est-il accessible ?

Oui. Le thème vise la conformité WCAG AA avec des rapports de contraste adaptés, une structure HTML sémantique, des libellés ARIA sur les éléments interactifs et une prise en charge complète de la navigation au clavier.

Que se passe-t-il si j’installe un add-on que Creative ne prend pas en charge ?

L’add-on fonctionnera tout de même. Il utilisera ses propres vues par défaut. Creative fournit des modèles personnalisés pour tous les add-ons officiellement pris en charge listés dans cette documentation.

Puis-je utiliser une autre police que Space Grotesk ?

Oui. Les polices des titres et du texte courant peuvent être modifiées dans les Paramètres du thème. Toutes les polices Google Fonts sont prises en charge. Le thème applique alors les polices choisies à toute la typographie du site.

Cet article vous a-t-il été utile ?

Merci pour votre retour !

Besoin d'aide ? Créez un ticket de support

Créer un Ticket