Thème et design par défaut
Les couleurs, le fond et les polices de tous vos liens, et le design avec lequel partent vos devis.
Cette fonctionnalité est nouvelle et n’est peut-être pas encore activée sur votre compte. Si vous ne la voyez pas, écrivez-nous.
De quoi s’agit-il
L’écran Design du devis réunit deux décisions de l’entreprise :
- Le thème : l’aspect du lien de tous vos devis. Il part de votre marque d’Identité (logo, couleurs et typographie) et vous permet d’aller plus loin : mise en page, fond, polices d’un catalogue de 20 familles, coins, ombre et mouvement.
- Le design par défaut : le design avec lequel partent les devis qui n’ont ni le leur ni un autre design choisi dans leur éditeur.
Prérequis
- Le droit Paramètres dans votre rôle.
- Cord Studio activé sur votre compte.
Ouvrir le design du devis
- Ouvrez Paramètres › Marque et apparence › Identité.
- En bas de la page, cliquez sur Concevoir le devis : page web, document ou carte.
- Ajustez le thème à gauche. L’aperçu de droite, Ce que voit votre client, montre votre devis à chaque modification, sur Ordinateur ou Mobile.
- Cliquez sur Enregistrer (ou ⌘S / Ctrl+S). Tant que vous n’enregistrez pas, vos liens ne changent pas.
Thèmes prêts à l’emploi
Un point de départ ; ajustez ensuite ce que vous voulez. En choisir un change d’un coup la mise en page, les couleurs, le fond, les polices et la forme.
| Thème | Aspect |
|---|---|
| Éditorial | Document large sur fond crème, titres en Fraunces et texte en Lora. |
| Studio | Page web large avec un dégradé lilas, Plus Jakarta Sans et boutons arrondis. |
| Boutique | Carte de largeur moyenne avec un dégradé radial, titres en Cormorant Garamond et texte en DM Sans. |
| Minimal | Carte blanche sans ombre ni mouvement, tout en Inter. |
| Technique | Document sur fond gris bleuté, titres en Space Grotesk et texte en IBM Plex Mono. |
| Forêt | Page web avec un dégradé vert, titres en Instrument Serif et texte en Figtree. |
| Votre marque | Revient à votre marque d’Identité, sans rien de ce qui précède. |
Mise en page et largeur
- Carte : le devis dans une carte centrée, comme d’habitude.
- Document : une feuille avec des marges de page et des coins presque droits, avec l’en-tête sur toute la largeur sur votre couleur principale.
- Page web : sans carte. L’en-tête est une couverture sur toute la largeur sur votre couleur principale et chaque section est un panneau sur le fond de la page.
En Document et Page web, votre logo pour fond sombre s’affiche sur la couleur. Si vous avez importé un logo mais pas celui pour fond sombre, l’en-tête prend un ton clair de votre marque pour que votre logo reste lisible. La Largeur peut être Étroite, Moyenne, Large ou Pleine.
Couleurs et fond
- Couleurs : Principale, Accent, Surface (le fond du devis) et Texte.
- Fond de la page : Uni, avec une couleur ; Dégradé, avec ses couleurs De et À, une forme Linéaire ou Radial et son Angle, ou Image ou Vidéo, avec Choisir dans votre médiathèque.
Le total s’affiche dans votre couleur principale. Si cette couleur n’est pas lisible sur la surface, Cord l’affiche dans la couleur du texte.
Fond avec image ou vidéo
L’image ou la vidéo vient de votre médiathèque, que vous remplissez depuis l’éditeur visuel ou depuis le sélecteur lui-même. Une fois le fichier choisi, vous réglez :
- Position : le centre, le haut, le bas, la gauche, la droite ou l’un des quatre coins.
- Teinte et Intensité de la teinte : une couleur par-dessus l’image.
- Opacité et Flou (jusqu’à 40 px).
- Le texte par-dessus va sur une carte.
Ce que Cord protège :
- Le texte reste toujours lisible. Le texte posé directement sur l’image passe en blanc ou en noir selon la teinte, avec un contraste d’au moins 4,5 pour 1 mesuré contre le pixel le moins favorable de n’importe quelle photo. Si la teinte ne suffit pas, l’éditeur visuel le signale à vérifier et, dans le lien, Cord place ce texte sur une carte.
- Les blocs Cord ne sont jamais posés sur la photo. Le total, les lignes, l’approbation et les autres se lisent toujours sur leur surface unie.
- La vidéo est muette et tourne en boucle, et démarre quand elle apparaît à l’écran. Si la personne qui lit a demandé moins de mouvement à son système ou a activé l’économiseur de données, elle reste figée sur sa couverture. À l’impression, la vidéo n’apparaît pas.
- Un design peut avoir son propre fond, depuis l’onglet Thème de l’éditeur : c’est le fond de tout le lien et il remplace celui du thème.
Typographie
Choisissez une famille pour Titres et montants et une autre pour Texte, ainsi que la Graisse des titres (de 400 à 800). Le catalogue compte 20 familles, regroupées en Sans empattement, Avec empattement et Chasse fixe :
- Sans empattement : Inter, Manrope, DM Sans, Plus Jakarta Sans, Space Grotesk, Sora, Outfit, Figtree, Bricolage Grotesque et Archivo.
- Avec empattement : Fraunces, Playfair Display, Cormorant Garamond, Lora, EB Garamond, Instrument Serif, DM Serif Display et Young Serif.
- Chasse fixe : JetBrains Mono et IBM Plex Mono.
Cord sert ces polices depuis ses propres serveurs : votre client ne télécharge rien auprès d’un tiers.
Forme et mouvement
- Coins (de 0 à 40 px) et Boutons (de 0 à 48 px) : leur degré d’arrondi.
- Espacement : Compact, Confortable ou Aéré.
- Ombre : Sans ombre, Douce, Moyenne ou Marquée.
- Mouvement : Aucun, Discret ou Expressif. Les personnes qui ont demandé moins de mouvement à leur système voient le devis immobile.
Design par défaut
En haut de l’écran, Design par défaut détermine le design avec lequel partent les devis qui n’ont ni le leur ni un autre design choisi dans leur éditeur :
- Carte Cord : le design habituel, sans blocs personnalisés.
- L’un de vos designs : la liste affiche ceux que vous avez créés dans Vos designs.
La modification s’enregistre immédiatement et affiche Enregistré ; inutile de cliquer sur Enregistrer. Voir vos designs ouvre Devis › Designs.
À quels liens il s’applique
- Le thème s’applique à tous vos liens de devis, y compris ceux déjà envoyés, dès que vous l’enregistrez. Un design peut le modifier pour lui seul depuis l’onglet Thème de l’éditeur.
- Le design par défaut s’applique aux devis que vous envoyez à partir de maintenant. Ceux déjà envoyés conservent le design avec lequel ils sont partis. Avec l’offre Professionnel, un devis peut partir avec un autre design, choisi dans son éditeur ou propre à lui : voir Concevez un seul devis.
- Le thème s’applique aussi à votre page de paiement, à vos factures, au portail client, aux documents intégrés à votre site, aux e-mails et aux PDF. La section suivante l’explique.
Où le thème apparaît aussi
Le thème habille aussi ce que votre client reçoit après le devis. Vos couleurs, le fond, les polices et la forme s’y appliquent, mais pas la mise en page ni les blocs : chaque document conserve son ordre.
| Où | Ce qu’il reprend du thème |
|---|---|
| Page de paiement du devis | Typographie, coins et couleurs, y compris dans le formulaire de carte. |
| Facture et portail client | Couleurs, fond de la page, polices, coins, espacement, largeur et mouvement. |
| Devis et facture intégrés à votre site | Couleurs, polices et forme. Ce que votre site définit avec l’apparence de Cord Elements l’emporte sur le thème. |
| E-mail du devis et de la facture | Couleurs et la police d’e-mail la plus proche de la vôtre, car les messageries ne chargent pas de polices personnalisées. |
| PDF de la facture et devis imprimé | Couleurs sur une page blanche et la police standard la plus proche : sans empattement, avec empattement ou à chasse fixe. |
- La partie fiscale ne bouge pas. Le numéro, les taxes, les cachets, la mention de facture pro forma et les données de l’émetteur et du destinataire restent à leur place. Si une couleur de texte n’est pas lisible sur votre surface, Cord la fonce ou l’éclaircit juste ce qu’il faut.
- À l’impression, la page sort claire même si votre thème est sombre.
- Dans la facture électronique Factur-X, une police à chasse fixe est remplacée par une police sans empattement.
Messages de vos factures
En bas de l’écran, Factures et portail enregistre deux textes de 280 caractères maximum :
- Message d’en-tête : apparaît sous votre marque sur la facture et dans le portail.
- Message de remerciement : apparaît en bas de la facture et du portail.
Ils s’enregistrent avec Enregistrer. Si vous en laissez un vide, rien ne s’affiche.
Problèmes courants
- Le lien Concevoir le devis n’apparaît pas. Cord Studio n’est pas encore activé sur votre compte, ou votre rôle n’a pas le droit Paramètres.
- « Impossible d’enregistrer le design : vérifiez les valeurs et réessayez. » Une valeur est sortie de ce qui est autorisé. Choisissez-la de nouveau et enregistrez une nouvelle fois.
- J’ai changé le thème et un devis n’a pas changé. Son design a modifié le thème pour lui seul. Ouvrez-le dans l’éditeur, onglet Thème.
- Le total ne s’affiche pas dans ma couleur. Votre couleur principale n’est pas lisible sur la surface. Foncez-la ou changez la surface.
- Le texte de ma facture n’a pas la couleur choisie. Cord l’ajuste pour que le numéro, les taxes et les données fiscales restent lisibles sur votre surface. Choisissez une couleur de texte plus contrastée.