Identité Visuelle
& Design System
Le guide complet des styles, composants et bonnes pratiques pour garantir la cohérence visuelle de la marque Parallak sur tous les supports.
01. Palette de Couleurs
Des contrastes forts entre le bleu électrique de la marque, les fonds sombres intenses et les surfaces claires minimalistes.
02. Typographie
L'équilibre entre la modernité de Manrope et l'élégance de Playfair Display.
Manrope
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 & @ # % * ! ?
Playfair Display
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 & @ # % * ! ?
Échelle Typographique
Playfair · 600 · 4rem
Playfair · 600 · 3rem
Manrope · 800 · 2.25rem
Manrope · 600 · 1.5rem
Manrope · 400 · 1.125rem
03. Éléments d'Interface
Composants interactifs avec effets de survol, glassmorphism et ombres dynamiques.
Boutons & Actions
Effets directionnels au survol avec élévation dynamique.
Panneaux & Glassmorphism
Fond semi-transparent avec flou d'arrière-plan pour la profondeur.
Design Responsive
Carte standard avec fond vitré.
Formulaires & Champs
04. Logos & Règles d'usage
Variations du logo officiel et consignes de lisibilité.
Logo blanc sur fond sombre, logo bleu sur fond clair. Laisser une zone de respiration (padding) autour du logo.
Ne pas déformer, ne pas recolorer manuellement, ne pas poser sur un arrière-plan complexe sans overlay.
05. Multimédia & Réseaux
Application de la charte sur vidéos, photos, réseaux sociaux et documents.
Vidéos & Motion Design
Typographie : Playfair Display (600) pour les titres, Manrope pour les sous-titres.
Animations : Fondus doux, balayages fluides (ease-in-out). Pas de rebonds cartoonesques ni de glitch.
Logo : Fond transparent, variante « Ligne Blanc » ou « Ligne Bleu » selon le contraste vidéo.
Photos & Réseaux Sociaux
Color Grading : Tons froids/neutres, fort contraste, saturation légèrement réduite.
Grain : Ajouter un léger bruit pellicule (~10-15%) sur les posts statiques.
Posts : Aplats Brand (#0005F8) + logo « Carré Blanc » pour les annonces.
Documents, PDF & Présentations
CMJN : Brand (#0005F8) → C:100 M:98 J:0 N:2. Prioriser fonds clairs pour l'impression.
Mise en page : Marges généreuses (≥ 2.5 cm). Manrope en corps 10-11pt pour la lisibilité.