Thème

Beatbooker propose un thème par défaut, mais vous avez la possibilité de le personnaliser pour l'adapter à votre identité visuelle. Vous avez la main sur un certain nombre de paramètres :

• Logo : ajoutez votre logo pour remplacer le logo Beatbooker
• Radius : ajustez l'aspect des coins des éléments de l'interface
• Typographie : choisissez les polices de caractères pour les textes et les titres
• Couleurs : personnalisez les couleurs de l'application visible par les utilisateurs
• Textures : ajoutez des textures pour enrichir l'apparence des blocs
• Motifs : ajoutez des arrière-plans pour donner une touche unique à vos pages

Si vous souhaitez aller encore plus loin, n'hésitez pas à nous contacter. Nous proposons, en option, un service pour vous aider à créer un thème sur mesure qui correspond parfaitement à votre vision.

Logo

Vous pouvez remplacer le logo Beatbooker par votre propre logo. Il est affiché dans le haut de page, et dans le pied de page. Vous devez nous fournir le fichier correspondant, en format SVG. Vous pouvez modifier la largeur du logo, sur desktop et sur mobile.

• largeur du logo sur desktop → par défaut 200px
• largeur du logo sur mobile → par défaut 150px

Radius

Vous avez le choix entre des coins arrondis, qui donnent un aspect plus doux et moderne, ou des coins carrés, qui offrent une apparence plus nette et structurée.

• radius → par défaut arrondi

Typographie

Vous pouvez choisir deux polices de caractères pour les textes et les titres. Attention cependant, vous devez nous fournir les fichiers de police correspondants et vous assurer que vous avez les droits d'utilisation pour ces polices.

• titres → par défaut "Audiowide"
• autres textes → par défaut "Inter"

Couleurs

Vous pouvez personnaliser les couleurs d'arrière plan, de texte et de séparateurs pour le haut de page, le pied de page, les blocs clairs, accentués et foncés. Vous pouvez paramétrer une palette pré-définie, et choisir des couleurs spécifiques.

Pour utiliser la palette pré-définie, choisissez deux nuances parmi les couleurs disponibles :

• nuance d'accent → par défaut "indigo"
• nuance neutre → par défaut "gray"

La nuance d'accent est utilisée pour les boutons et les liens colorés, et certains éléments mis en valeur. Il est possible de choisir des couleurs spécifiques :

• éléments interactifs → par défaut vif (accent 600)
• éléments interactifs au survol → par défaut un peu plus clair (accent 500)
• bordures accentuées → par défaut assez clair (accent 300)
• symboles accentués → par défaut assez clair (accent 300)

La nuance neutre est utilisée pour les fonds, les textes et les bordures. Cela permet de garder une cohérence visuelle et décliner le thème à partir d'une seule couleur. Il est également possible de choisir des couleurs spécifiques pour chaque élément de l'application :

• fond du haut de page → par défaut presque noir (neutre 900)
• texte du haut de page → par défaut presque blanc (neutre 50)
• fond du bas de page → par défaut presque noir (neutre 900)
• texte du bas de page → par défaut presque blanc (neutre 50)
• fond des blocs clairs → par défaut blanc
• texte des blocs clairs → par défaut presque noir (neutre 900)
• fond des blocs accentués par défaut gris clair (neutre 200)
• texte des blocs accentués → par défaut presque noir (neutre 900)
• fond des blocs foncés → par défaut presque noir (neutre 900)
• texte des blocs foncés → par défaut presque blanc (neutre 50)
• texte secondaire des blocs clairs ou accentués → par défaut gris foncé (neutre 800)
• texte secondaire des blocs foncés → par défaut gris moyen (neutre 400)
• séparateur des blocs clairs → par défaut gris moyen (neutre 300)
• séparateur des blocs foncés → par défaut gris moyen (neutre 400)

Textures

Vous pouvez ajouter des arrières plans transparents texturés (mais très discrets, pour préserver la lisibilité des contenus) pour enrichir l'apparence des blocs, et les rendre moins uniformes. Prévoyez un arrière plan pour les blocs clairs, et un autre pour les blocs foncés.

• texture sur blocs clairs ou accentués → par défaut aucune
• texture sur blocs foncés → par défaut aucune

Motifs

Vous pouvez ajouter des motifs pour donner une touche unique à vos pages. Prévoyez un motif pour les blocs clairs, et un autre pour les blocs foncés. Ces motifs ont un fond transparent et s'appliquent en arrière-plan des pages, et peuvent avoir du caractère car le contenu de la page n'est pas affiché dessus. Il est possible d'ajuster la taille du motif pour qu'il s'intègre harmonieusement dans les pages.

• motif sur blocs clairs → par défaut un quadrillage bleu
• motif sur blocs foncés ou accentués → par défaut un quadrillage bleu
• taille du motif → par défaut "250px"