Chartes graphiquesVotre marque, posée une fois sur tout le site.
Une charte graphique réunit les couleurs, les polices, les tailles de texte, les arrondis, les ombres et les animations d'un site, en clair et en sombre. Chaque bloc lit ses valeurs : changez de charte, tout le site suit.
Mis à jour le
Sur cette page4 sections
Une même section, sous chaque charte.
Le même bloc de la bibliothèque, avec les mêmes mots, repeint par chacune des 19 chartes. Choisissez-en une pour la voir sur une page entière.
Une page entière, sous la charte de votre choix.
Une page de la bibliothèque, rendue comme un site publié l'affiche. Sous elle, la fiche de la charte : chaque valeur que lisent ses blocs, dans le thème choisi.
L'éditeur de charte graphique, onglet par onglet.
Couleurs, polices, formes, grille : chaque réglage repeint l'accueil du projet, juste à côté. Le clair et le sombre se règlent séparément, dans la même charte.
Le sélecteur « Changer de charte ».
Les onglets : Général, Couleurs, Typographie, Formes et animations, Grille et couches.
Le thème que vous modifiez : clair ou sombre.
Les trois couleurs principales : la principale, le fond, le texte.
L'accueil du projet, repeint à chaque réglage.
Les cinq onglets
Le nom de la charte et ses images : logos, icône d'onglet, image de partage.
La principale, le fond et le texte d'abord. Puis les accents, les couleurs de notification, les surfaces de page et les nuances du texte.
Toute police de Google Fonts, par son nom ou son lien, avec son échelle de tailles et ses graisses.
L'arrondi, les ombres, l'échelle d'espacement, l'épaisseur des traits et les courbes d'animation.
La largeur de la page à chaque taille d'écran, les colonnes, la gouttière, l'ordre d'empilement et la matière des surfaces.
De la bibliothèque à votre site.
Une charte vit dans la bibliothèque de votre espace de travail. Chaque projet en garde sa propre copie, qui habille tout le site.
Choisie à la création
À l'étape « L'apparence » du Studio : une charte de la bibliothèque, « Laisser Kubbler choisir », ou « Créer la tienne ».
Une copie par projet
Le projet garde sa propre copie : la régler ne change ni la bibliothèque, ni vos autres projets. Dans l'Aperçu, le bouton Charte ouvre le sélecteur.
Tout le site suit
Enregistrer réécrit la charte du projet : chaque page, chaque section et chaque formulaire prennent vos couleurs et vos polices. Au build, seules les classes que vos pages utilisent sont gardées.
