Charte graphique · V1

6 juillet 2026

IMPRESSIONImpression Haute Couture

Where ideas become fabric

Atelier d'impression visuelle haute couture au Bourget pour les maisons de luxe, agences créatives et productions premium.

01 · Identité

Positionnement

Nom commercial

IMPRESSION Paris

Tagline

Impression Haute Couture

Signature

Where ideas become fabric

Atelier

6 Av. Carnot, 93350 Le Bourget

Audience

Directeurs artistiques et chefs de projet des maisons de luxe, agences créatives, production audiovisuelle premium et événementiel mode.

Différenciateur

IMPRESSION Paris, bien plus
qu'un prestataire, un PARTENAIRE
de valeur

Accompagnement bout-en-bout du brief à l'installation, exécution exigeante pensée pour l'image, l'espace et l'émotion.

Ton de marque

Expert, raffiné, allusif. Ton de magazine de mode (Numéro, AD, M Le Monde). Phrases courtes, vocabulaire métier précis. Vouvoiement systématique. On ne survend pas, on montre.

02 · Couleurs

Palette monochrome

Crème naturel et noir profond, sans accent coloré. L'italique du serif et l'espace blanc portent la hiérarchie visuelle. Référence : Loewe, Jacquemus, Saint Laurent.

Crème naturel

Fond / background

HEX
#F5F1EA
OKLCH
oklch(0.952 0.011 79)
Token
--background

Noir profond

Primaire / titres / CTA

HEX
#0A0A0A
OKLCH
oklch(0.067 0 0)
Token
--primary

Anthracite

Texte courant

HEX
#1A1A1A
OKLCH
oklch(0.149 0 0)
Token
--foreground

Gris édito

Texte secondaire, légendes

HEX
≈ #6B6B68
OKLCH
oklch(0.45 0.01 79)
Token
--muted-foreground

Règle d'usage

Aucune couleur d'accent. La hiérarchie repose sur (1) la typographie : poids, italique, taille, serif vs sans, (2) l'espace blanc, (3) les nuances de noir et de gris, (4) le motion. Les CTA se distinguent par leur forme : bouton plein noir vs outline vs ghost vs lien texte souligné.

03 · Typographie

Trois voix, un seul ton

Titres · Bodoni Moda

Serif haute couture · 400 / 500 / 700 / 800 · italiques

Aa

Impression sur mesurepour le luxe

Sous-titre éditorial

Titre de section

Script · Italianno

Cursive italienne · passages lyriques

partenaire de valeur

Usage parcimonieux et calligraphique. Réservée aux mots-clés émotionnels intercalés dans un texte Bodoni (cf. plaquette « un prestataire, un PARTENAIRE de valeur »). Jamais en bloc, jamais en bouton, jamais sur de la métadonnée.

Texte courant · Inter

Sans-serif · 400 / 500 / 600

IMPRESSION Paris accompagne marques et agences dans la production de projets visuels sur mesure. Textile, décor, signalétique et installations sont imprimés dans nos ateliers et prennent forme à travers une approche exigeante, pensée pour l'espace, l'image et le rendu final.

Légende, métadonnée, mention secondaire · 12px / 14px.

Règle d'usage

Bodoni Moda sur les h1, h2, h3 et citations éditoriales. Italianno sur 1 à 3 mots maximum par composition, en accent typographique. Inter sur tout le reste : body, labels, UI, formulaires. La hiérarchie naît du jeu entre les trois, pas de la couleur.

04 · Composants

Système d'interface

Trois niveaux de boutons pour trois niveaux d'intention. Le plein noir signale l'action principale, l'outline une action secondaire, le ghost une navigation latérale.

Démarrer un projet
Voir les réalisations
En savoir plus

Formulaire

Envoyer

05 · Principes

Cinq règles, une grammaire

  1. 01

    L'animation est le contenu.

    Les marques clientes (Loewe, Dior, Nike, Versailles, Warner) n'autorisent pas la publication de leurs projets. Le site compense par une animation hero scroll-driven (une imprimante qui imprime un tissu au scroll) qui devient la signature visuelle de la maison.

  2. 02

    Monochrome ou rien.

    Aucune couleur d'accent. La sobriété est une posture commerciale ; elle signale aux directeurs artistiques que l'atelier respecte leurs codes plus qu'il n'impose les siens.

  3. 03

    L'italique fait le drama.

    Les passages clés sont en Italianno cursive intercalée dans du Bodoni. C'est le seul effet typographique qui se substitue à la couleur.

  4. 04

    L'espace blanc respire.

    Marges généreuses, peu d'éléments par écran, hiérarchie par le vide. On préfère deux lignes claires à dix lignes denses.

  5. 05

    Le motion comme matière.

    Transitions de page, apparitions au scroll, hover states soignés. Le motion remplace les visuels manquants et signale l'exigence d'exécution.

Colophon

À propos de ce document

Charte graphique du site impressionparis.fr, V1. Document de travail destiné à validation client. Toutes les valeurs (couleurs, fonts, composants) sont implémentées dans le code source du projet et peuvent être ajustées sans surcoût pendant la phase de conception.

Stack technique

Next.js 16 · React 19 · TypeScript 5 · Tailwind 4 · shadcn/ui (base-nova / @base-ui/react) · motion · GSAP · Lenis

Hébergement

Hostinger Business · domaine impressionparis.fr · analytics Google Analytics 4