Typography is key to the Smart Chip brand, shaping how people see and understand our message. With a flexible and evolving visual style, consistent use of our typeface ensures clarity and reinforces recognition.
Polices de caractères Google
Police de caractères
La lisibilité et la polyvalence sont les principales priorités dans le choix des polices de caractères. Notre police maison est Manropesur papier et sur support numérique.
Manrope Régulier
Manrope Bold
Manrope ExtraBold
Titres et textes d'accompagnement
Nous distinguons deux domaines d'application pour nos règles typographiques : A la une et Texte justificatif.
A la une sont les grands titres qui attirent l'attention sur les affiches, les panneaux d'affichage, les bannières, etc.
Texte de soutien est tout autre texte sur un site web, à l'intérieur d'un dépliant, etc.
Headline
Text styles
Headlines are designed to be flexible. Their size isn’t set in stone and instead depends on the grid layout, the size of the container and more. You will learn more about them in the section about Modèles.
Les titres utilisent presque toujours Manrope Régulier.
Color
Headlines are typically made up of two parts. The first part is noir si l'arrière-plan est blanc et vice versa. La seconde partie est mise en évidence par un dégradé de la palette de couleurs.
Choisissez un dégradé de couleurs qui complète l'image. Elle peut refléter une couleur dominante de l'image ou reprendre un détail frappant de l'image.
Lorsque le titre est placé sur des images, l'ensemble du titre est soit noir, soit blanc (selon ce qui offre le meilleur contraste et la meilleure lisibilité). L'image fournit déjà la couleur, le texte doit donc être aussi clair et lisible que possible.
Styles de texte de soutien
Paragraph Styles
Il existe quatre styles de paragraphe pour le texte d'accompagnement. Ils sont conçus pour assurer une lisibilité maximale et une hiérarchie claire, afin de rendre le contenu aussi facile à lire que possible.
Le texte est toujours aligné à gauche.
Titres principaux
Ce sont les grands titres qui attirent l'attention. Ils sont courts (généralement pas plus de cinq mots) et il ne doit y en avoir qu'un par page.
Les titres principaux utilisent Manrope Bold ou Extra gras.
Sous-titres
Les sous-titres sont utilisés pour organiser le contenu en sections, ce qui facilite la navigation dans l'information. Vous pouvez également les utiliser pour mettre en évidence des points clés et attirer l'attention sur des informations importantes.
Les sous-titres utilisent toujours Manrope Bold.
Corps texte
Il s'agit du style de paragraphe standard pour le texte.
Le corps du texte utilise Manrope Regular, mais d'autres graisses de police sont autorisées pour mettre en évidence des parties du texte, souligner un point et rendre l'information aussi claire que possible.
Petits caractères
Pieds de page, clauses de non-responsabilité et tout ce qui doit être présent mais n'a pas besoin d'être au premier plan.
Comme pour le corps du texte, toutes les polices de caractères sont autorisées. Manrope Régulier étant la norme.
Tailles des textes de soutien
Utilisez la taille ducorps de texte comme guide pour les autres tailles. La taille par défaut du corps de texte est 10pt (impression) ou 18px/1.12rem (écran).
Sous-titres sont deux fois aussi important. Cela signifie qu'un défaut de 20pt (en caractères d'imprimerie) ou 36px/2.24rem (écran).
Titres principaux se situent entre 3 à 4,5 fois plus grand, ce qui signifie 30 à 45pt (en caractères d'imprimerie) ou 54 à 81px/3,36 à 5,3rem (écran). Choisissez la taille qui correspond le mieux à votre texte.
Petits caractères est 0,6 à 0,8 fois plus grand.
Couleurs du texte de soutien
Titres, sous-titres et corps du texte sont soit 100% noir ou blancen fonction de la couleur de l'arrière-plan.
Les pieds de page, clauses de non-responsabilité, légendes et autres sont présentés en 40% noir sur fond clair ou en 70% noir sur fond foncé.
You can set the title and subtitles in a gradient from the color palette. You can color the whole title/subtitle or highlight single words.
Titres et sous-titres du texte d'appui
Les titres principaux doivent être courts. Ils doivent être concis et attirer l'attention en quelques mots, généralement pas plus de cinq. Si votre titre est plus long, il devrait probablement être remplacé par un sous-titre.
Sur une page typique, il y a un seul titre principal.
Utilisez des sauts de ligne pour découper les titres et les sous-titres. Cela les rend plus compacts et donne plus d'espace à l'ensemble du texte pour respirer.
Colonnes
Répartissez les textes longs sur deux colonnes, mais pas plus. La longueur des lignes reste ainsi raisonnable. Visez 45 à 75 caractères (espaces et ponctuation compris) par ligne.
Les titres et sous-titres s'étendent toujours sur les colonnes.
Exemples de textes d'appui
Voici quelques exemples de la manière d'utiliser un texte d'accompagnement et de le combiner avec des images et des éléments graphiques.
