Charte de marque

Hulu Brand Guidelines 2024

slides: 99
motifs: 3

Hulu

01 / 99

Analyse

3 motifs de mise en page

02

Le marché et la place à prendre

01 Situation02 Marché03 Dispositif04 Calendrier

Notre composant @intercalaire-section, pas le document cité

Motif 1 · Page 55

Intercalaire en aplat de couleur vive

Le deck tourne sur fond noir pendant cinquante pages, puis l'intercalaire bascule en aplat vert saturé avec deux mots en noir massif. L'inversion complète du socle marque la rupture de chapitre bien mieux qu'un titre agrandi, et le lecteur sait tout de suite qu'une partie commence.

Refaire avec @intercalaire-section

Règle 04

Une page porte un seul élément à l'accent. S'il en faut deux, la hiérarchie de la page est à refaire.

Sur un graphique

La barre de l'année en cours prend l'accent. Les quatre autres restent en aplat neutre.

Dans un tableau

La colonne recommandée reçoit l'accent adouci en fond. Aucune coche, aucune couleur de validation.

Dans un titre

Le mot décisif se surligne, jamais la phrase entière. Une seule fois par page.

Sur une image

L'accent ne se pose pas sur une image. La teinte de charte s'en charge, en mélange.

Exception : les intercalaires de section, où l'accent porte le fond entier.9

Notre composant @regle-et-exemples, pas le document cité

Motif 2 · Page 14

Rail de légende, démonstration à droite

Chaque page de règle garde la même colonne étroite à gauche, le nom de la règle en gras et son explication en petit corps, et laisse les deux tiers restants à la démonstration. La lecture devient mécanique parce que l'œil sait toujours où trouver le texte et où trouver la preuve.

Refaire avec @regle-et-exemples

Une présentation ne convainc pas parce qu'elle est belle. Elle convainc parce qu'elle tient debout page après page.

Ouverture du chapitre 218

Notre composant @manifeste, pas le document cité

Motif 3 · Page 33

Phrase manifeste avec fragment coloré

La page d'ouverture de chapitre ne porte qu'une phrase de trois lignes en très gros corps, et un seul fragment passe en vert. Colorer deux mots plutôt que la phrase entière donne un point d'entrée à l'œil et évite le titre purement décoratif.

Refaire avec @manifeste

Le document