Sous-copie

Texte

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

Point clé : définit le texte d’accompagnement affiché sous le bouton (à l’extérieur). Utile pour les conditions, mentions légales ou informations complémentaires.

Impact : permet de fournir des précisions sans altérer le message principal du bouton.

Conseil : réduisez légèrement le contraste par rapport au texte principal pour préserver la hiérarchie visuelle.

Paramètres

• Sous-texte (2 lignes max) : renseignez les conditions ou mentions pour réduire les malentendus avant le clic.

Le sub copy s’affiche sous le bouton, à l’extérieur. Il diffère du « sub text » qui s’affiche à l’intérieur du bouton (zone inférieure). Choisissez en fonction de l’emplacement souhaité. Si le texte est vide, la zone sub copy n’est pas rendue. Convient pour les mentions de type conditions d’utilisation ou avertissements.

Pas de survol : le sub 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.).

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 et opacité du texte. Utilisez un contraste légèrement plus faible que le texte principal pour maintenir la hiérarchie.

Police

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

Point clé : définit la typographie et la composition du sub copy. Assure que les mentions complémentaires restent lisibles sans être ignorées.

Impact : une graisse et une taille bien ajustées permettent de transmettre l’information sans gêner le texte principal.

Conseil : commencez par Font Size et Line Height, puis ajustez Letter Spacing en dernier.

Paramètres

• Font Family : police. Utilisez la même famille que le corps de texte pour assurer la continuité.
• Font Weight : graisse. Un poids Regular est une bonne base pour un texte de complément.
• Font Size : taille. Définissez d’abord la taille minimale lisible sur mobile, puis ajustez pour le bureau.
• Line Height : interligne. Empêche le texte de paraître tassé lorsqu’il passe à 2 lignes.
• Letter Spacing : espacement. Ajustez très légèrement pour maintenir 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. Renforce les contours du texte sur une image de fond.
• Blur : flou. Une valeur trop élevée produit un effet de bavure ; 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 la position et les marges du sub copy. La distance avec le bouton principal structure la relation entre information principale et secondaire.

Impact : une distance bien calibrée fait percevoir le texte comme une information complémentaire et stabilise l’ordre de lecture.

Conseil : commencez par régler le Margin (distance haut/bas), puis ajoutez Padding uniquement si le style comporte un fond.

Paramètres

• Margin : marge extérieure. Ajuste l’espacement avec le bouton et oriente le regard.
• Padding : marge intérieure. Empêche le texte de paraître tassé lorsqu’une couleur de fond est appliquée.
• Transform > Rotation (deg) : rotation. Réservez à un usage décoratif avec un angle modéré. Valeur par défaut : 0.

Les réglages du sub copy sont responsive. Les valeurs de marge, padding et taille de police peuvent être définies individuellement par appareil. Si vous utilisez micro copy et sub copy simultanément, veillez à ne pas surcharger l’espace avec trop de texte.

Différence avec le micro copy : le sub copy ne dispose pas de presets de style, bordure, rayon ni de couleur de fond/dégradé (réservés au micro copy). Pour ajouter une bordure ou un fond au sub copy, un CSS personnalisé est nécessaire. Les paramètres disponibles sont : texte, couleur du texte, police, ombre de texte et layout (marge, padding, rotation).