[001] Identité et site

Festival de la rue d’Aubagne

Client: Festival de la rue d’Aubagne
Année: 2026
Discipline: Identité et site
Rôle: Identité, design et développement
Site: festivaldelaruedaubagne.fr

[Vidéo 01] Le site en entier, de l’accueil aux chiffres0:24

Un festival de musique et de talks né des effondrements de la rue d’Aubagne, dont tous les bénéfices vont à la lutte contre le mal-logement. Le site reprend l’affiche : la carte de Marseille défile sous les textes, posés sur des formes d’arrondissements.

Chemin de fer

7 sections à plat1 440 × 6 873 px

[01] Accueil1 440 × 900
[02] Line-up1 440 × 1 472
[03] Talks1 440 × 466
[04] Pourquoi ce festival1 440 × 636
[05] Associations1 440 × 1 425
[06] Infos pratiques1 440 × 696
[07] Chiffres et pied de page1 440 × 1 278

Ordinateur1 440 px

Téléphone390 px

[Vidéos 02 et 03] Ordinateur et téléphone, même minutage, même échelle0:15

Les formes blanches ne sont pas des images. À chaque largeur d’écran, le script cherche dans chaque silhouette le plus grand rectangle au format du texte, puis agrandit la forme jusqu’à ce qu’il le couvre. Le titre passe toujours par l’angle de l’écran, la date sort toujours par le bord droit.

Le fond est un seul cadastre de 3 840 × 13 000 pixels, passé au filtre Note Paper, découpé en dix bandes chargées à l’approche. Il passe du bleu au rose sur les chiffres du mal-logement, une seule fois, en fondu lent.

Accueil du site du festival : titre rouge sur une forme blanche, date et lieu sur une autre, cadastre bleu en fond. — [Radiographie] Glisser pour voir ce qui construit l’accueilFormes, zones, polices, fond

Le même accueil avec ses tracés de construction : contours des formes et leur rotation, zones de texte qu’elles couvrent, polices et tailles, bandes du fond. — [Radiographie] Glisser pour voir ce qui construit l’accueilFormes, zones, polices, fond

Détails

Quatre mouvements du site

[Détail 01] Filtres du line-up0:09

[Détail 02] Fiche d’un artiste0:08

[Détail 03] Les formes se recalculent à chaque largeur0:08

[Détail 04] Le fond passe au rose sur les chiffres0:10

Charte

Identité du festival

La charte tient en peu de choses : une silhouette du 1er arrondissement pour logo, une seule police, six couleurs, le cadastre de Marseille et sept formes d’arrondissements. Le site n’utilise rien d’autre.