TYPOGRAPHIE &
MISE EN PAGE

L’ESPRIT TYPOGRAPHIQUE DE 2BEYOU

La typographie joue un rôle essentiel dans notre identité. Elle doit traduire visuellement ce que 2beyou incarne : style, clarté, confiance et flow.
Notre ton est cash, ancré, mais toujours fluide et élégant. Nos polices reflètent ce mix : rondes mais nettes, modernes mais chaleureuses, stylées mais lisibles.

Nous utilisons un système typographique à trois niveaux, pensé pour une lecture fluide sur le web et les réseaux sociaux.

POPPINS - TITRES ET ACCROCHES

Usage : Titres (H1, H2), intertitres, CTA
Style : Sans-serif moderne, net, structurant
Pourquoi ce choix ?
Poppins donne du rythme et de la structure à nos pages. Elle est propre, géométrique, solide, parfaite pour des titres percutants.
Elle ancre le contenu visuellement tout en gardant une touche de modernité accessible.

QUICKSAND MEDIUM - PARAGRAPHES

Usage : Corps de texte, descriptifs produits, paragraphes courts
Style : Sans-serif ronde, douce, fluide
Pourquoi ce choix ?
Quicksand a une forme accueillante et organique, qui facilite la lecture tout en apportant une sensation de proximité et de chaleur. Elle est parfaite pour faire passer nos messages avec naturel et clarté, sans rigidité.
Idéale sur mobile : ronde, lisible, légère.

YESEVA ONE - TITRES EXPRESSIFS OU CREATIFS

Usage : Accroches éditoriales, citations, éléments graphiques textuels
Style : Serif décorative, féminine, affirmée
Pourquoi ce choix ?
Yeseva One introduit une touche de personnalité forte. Ses formes légèrement vintage donnent un caractère singulier, presque mode, à certaines sections du site.
À utiliser avec parcimonie, pour apporter de la texture typographique et du relief dans la hiérarchie visuelle.

HIERARCHIE TYPOGRAPHIQUE (web)

H1 – Titre principal = Poppins Bold 48–64 px
H2 – Sous-titre = Poppins Medium 32–40 px
H3 – Section = Quicksand Medium 24–28 px
Texte courant = Quicksand Medium 16–18 px
Accroche visuelle = Yeseva One Italique/Bold 24–32 px (ponctuel)

STYLE DE TITRE "SIGNATURE"

Pour certaines bannières ou accroches fortes, on utilise un traitement typographique mixé, qui crée du rythme visuel et du contraste, tout en restant aligné avec l’univers 2beyou : stylé, affirmé, fluide.

Exemple :

CULOTTES MENSTRUELLES

— “Culottes” en Poppins Light, couleur Terracotta (#CF5C4B)
— “Menstruelles” en Poppins Bold, couleur Noir doux (#353535)
— Sur fond blanc cassé (#FFFCFA)

Ce traitement typographique — entre légèreté fluide (Light, terracotta) et assurance affirmée (Bold, noir doux) — peut aussi être lu comme une traduction de la réalité cyclique des femmes :

Une dualité naturelle entre les moments “flow” (avec ses règles) et les moments de relâchement, d’assurance retrouvée.

Ca permet également de créer une hiérarchie dans un seul bloc, donner un flow visuel épuré, sans surcharge graphique

Recommandations :

Utiliser ce style uniquement sur des titres ou accroches de premier niveau (landing, visuels, campagnes)
Veiller à la lisibilité sur mobile : éviter les textes trop fins sur des fonds trop clairs
Ne pas multiplier les contrastes typographiques dans un même titre (pas plus de 2 styles ou couleurs par bloc)