Microcopie

Texte

L’apparence peut légèrement différer de la version réelle.

Point clé : définit le texte d’accompagnement affiché au-dessus du bouton (à l’extérieur). Idéal pour un slogan court ou un argument de vente rapide.

Impact : permet de transmettre une information complémentaire avant le texte principal, sans le concurrencer.

Conseil : structurez la première ligne comme une accroche et la seconde comme un complément pour faciliter la lecture.

Paramètres

• Texte (2 lignes max) : la première ligne porte l’accroche, la seconde apporte un complément. Cette répartition clarifie les rôles.

Le micro copy s’affiche au-dessus du bouton, à l’extérieur. Il diffère du « micro text » qui s’affiche à l’intérieur du bouton (zone supérieure). Choisissez en fonction de l’emplacement souhaité. Si le texte est vide, la zone micro copy n’est pas rendue.

Pas de survol : le micro copy ne dispose pas de réglages au survol. Les effets de survol sont contrôlés au niveau du bouton lui-même (style, arrière-plan, icône, etc.).

Style

L’apparence peut légèrement différer de la version réelle.

Point clé : définit le type de décoration. Permet de changer rapidement l’aspect du texte complémentaire.

Impact : à contenu identique, le style fait la différence entre une impression « mise en avant » ou « information secondaire ».

Conseil : gardez un style moins voyant que le bouton principal pour préserver la hiérarchie visuelle.

Paramètres

• Style (01 à 05) : change le niveau de décoration (fond, bordure, coins arrondis) et ajuste visuellement la priorité de l’information. Valeur par défaut : 01.

Le numéro de style modifie les décorations prédéfinies (couleur de fond, bordure, rayon). Après application d’un style, vous pouvez encore personnaliser chaque propriété (bordure, rayon, couleur) individuellement.

Bordure

L’apparence peut légèrement différer de la version réelle.

Point clé : définit la couleur, l’épaisseur et le type de bordure. Rend la zone cliquable visuellement identifiable.

Impact : sur un fond clair, la bordure aide à délimiter clairement la zone.

Conseil : commencez avec 1 px environ ; une bordure trop épaisse affaiblit la lisibilité du texte.

Paramètres

• Couleur + Alpha : couleur et opacité de la bordure. Ajustez en premier si la zone se confond avec le fond.
• Width : épaisseur de la bordure. Commencez par une valeur fine pour éviter de concurrencer le texte.
• Style : type de ligne (continue, pointillée, etc.) pour affiner le ton décoratif.

Rayon de bordure

L’apparence peut légèrement différer de la version réelle.

Point clé : définit l’arrondi des coins. Ajuste le ton de la marque (rigide ou souple) au niveau de l’impression.

Impact : la valeur d’arrondi produit un effet différent selon la taille de l’élément.

Conseil : visez environ 20 à 35 % de la hauteur pour un équilibre entre douceur et netteté.

Paramètres

• Border Radius : arrondi des coins. Un rayon légèrement inférieur à celui du bouton principal aide à maintenir la hiérarchie visuelle.

Couleur

L’apparence peut légèrement différer de la version réelle.

Point clé : définit la couleur de base. C’est le fondement de la structure en couches.

Impact : le rendu final dépend de la combinaison avec l’overlay et la couleur du texte.

Conseil : privilégiez une couleur lisible en combinaison texte/fond, plutôt qu’une couleur tape-à-l’œil isolée.

Paramètres

• Couleur du texte + Alpha : couleur du texte. Visez un contraste légèrement plus faible que le texte principal.
• Background Color / Gradient + Alpha : couleur de fond. Restez discret pour que l’élément reste secondaire.

Police

L’apparence peut légèrement différer de la version réelle.

Point clé : définit la typographie et la composition du micro copy. Même pour un texte court, c’est un levier essentiel de lisibilité et de hiérarchie.

Impact : la combinaison taille/graisse/interligne permet d’éviter que le texte secondaire ne prenne trop de place.

Conseil : commencez par une taille 1 à 2 crans plus petite et une graisse légèrement plus faible que le bouton principal.

Paramètres

• Font Family : police. Conservez la même famille que le corps de texte pour maintenir l’unité de la page.
• Font Weight : graisse. Plus légère que le texte principal pour refléter naturellement la hiérarchie.
• Font Size : taille. Définissez d’abord la taille minimale lisible sur mobile, puis ajustez pour le bureau.
• Line Height : interligne. Évite l’écrasement sur 2 lignes et facilite la lecture rapide.
• Letter Spacing : espacement entre caractères. Restez sobre pour ne pas nuire à la lisibilité.

Ombre de texte

L’apparence peut légèrement différer de la version réelle.

Point clé : définit l’ombre portée du texte. Utile pour améliorer la lisibilité sur une image de fond.

Impact : l’intensité de l’ombre modifie l’équilibre entre visibilité et aspect décoratif.

Conseil : commencez avec un Blur faible et un Alpha bas, puis augmentez progressivement selon le besoin.

Paramètres

• Couleur + Alpha : couleur et opacité de l’ombre. Sert à renforcer la visibilité sur une image de fond.
• Blur : flou. Une valeur trop élevée estompe les contours ; restez modéré.
• Horizontal : décalage horizontal. Des valeurs extrêmes créent un effet artificiel ; restez discret.
• Vertical : décalage vertical. Un léger décalage vers le bas donne un résultat naturel.

Layout

L’apparence peut légèrement différer de la version réelle.

Point clé : définit les marges et la position du micro copy. La distance avec le bouton principal structure le regroupement des informations.

Impact : des marges bien calibrées stabilisent l’ordre de lecture et facilitent la compréhension au premier coup d’œil.

Conseil : commencez par régler le Margin (distance extérieure), puis ajoutez Padding et Rotation uniquement si nécessaire.

Paramètres

• Margin : marge extérieure. Contrôle la distance avec le bouton principal et ajuste la séparation visuelle.
• Padding : marge intérieure. Réduit l’impression de texte tassé lorsque le style comporte un fond.
• Transform > Rotation (deg) : rotation. Réservez à un usage décoratif avec un angle modéré ; privilégiez toujours la lisibilité. Valeur par défaut : 0.

Les réglages du micro copy sont responsive. Vérifiez la mise en page sur mobile en cas de passage à 2 lignes. Les valeurs de marge et de padding peuvent être définies individuellement par appareil.

Différence avec les autres textes d’accompagnement : le micro copy est le plus complet des 4 types de textes auxiliaires (micro copy, sub copy, micro text, sub text). Les presets de style, bordure, rayon, couleur de fond/dégradé ne sont disponibles que pour le micro copy. Pour un texte auxiliaire nécessitant une décoration, choisissez le micro copy.