<aside>

Navigation

Notre typographie


La typographie donne vie à notre contenu. C’est ainsi que nous accueillons nos utilisateurs, racontons des histoires et attirons leur attention. Nous complétons la vivacité de nos couleurs et de nos visuels avec une police de caractères audacieuse mais accessible : Satoshi.

Notre design système comprend une claire hiérarchie des styles de typographie afin d’assurer équilbre dans le choix des tailles et du poid, mais également afin de convenir d’un ordre logique. Cette hierarchie claire assure enfin le degrès d’importance des informations communiqué en fonction du style choisis.

satoshi.png

Satoshi


Le choix de la typographie Satoshi s’inscrit dans une volonté de modernité et de clarté, offrant un design épuré et équilibré qui renforce l’image professionnelle et technologique d’Hyperion Cloud. Sa lisibilité optimale, aussi bien en print qu’en digital, en fait un choix idéal pour une marque B2B axée sur la fiabilité et l’innovation.

Alphabet

Alphabet bold.png

Alphabet regular.png

Nombres

Nombres.png

Caractères

Caractères spéciaux.png

Utilisation sur le web


Pour nos contenus web, que ce soit sur des publicités digitales, des mails ou sur notre site internet, nous utilisons des stypes pré-définis. Pour cela notre “type ramp” est composé de 10 styles nommés. chaque style est une combinaison de tailles, hauteur de ligne, et espacement de lettres pré-définis.

Web.png

Utilisation en print


Nous définissons nos tailles de caractères, nos styles, notre hiérarchie et nos mises en page différemment dans les design prints, c’est à dire les affiches, les panneaux d'affichage, les emballages, les marchandises et la conception de stands. Dans ceux-ci, nous utilisons généralement des caractères plus grands, un espacement des lettres plus petit et une hauteur de ligne plus petite, et calculons les tailles en fonction de la taille du logo.

La taille et le poids de notre typographie contribuent à créer une hiérarchie claire. Les tailles de caractères que nous utilisons pour l'impression sont calculées en fonction de la taille du logo ainsi que de la taille du support d'impression.

Print.png

Espacements


La hauteur de ligne est l'espace vertical entre les lignes de texte, mesuré d'une ligne de base à l'autre. La hauteur de ligne est prédéfinie et intégrée à chaque style.

L'espacement des lettres est l'ajustement horizontal de l'espace entre les lettres dans un bloc de texte et est prédéfini pour chaque style de caractères. En général, nous utilisons un espacement des lettres plus large pour les petites tailles et un espacement des lettres plus serré pour les caractères plus grands utilisés dans des mises en page plus expressives.

Utilisation générale


Un bon alignement du texte aide à créer un équilibre visuel et une connexion entre les éléments liés. L'alignement à gauche offre un bord invisible permettant aux lecteurs de numériser facilement le texte. Évitez de mélanger l’alignement entre les blocs de texte pour conserver la simplicité et la structure claire. Cela signifie aligner à gauche tous les caractères dans les titres et le corps du texte pour optimiser la lisibilité, et ne pas justifier le texte pour remplir les marges.