Charte graphique · Source de verite

AtelierKS, tout casse, rien ne derange l'identite.

Espace de destructotherapie, rage room et salle de formation a La Rochelle. Cette page est la reference unique pour toute prod visuelle, web comme print.

Version 1.0 Maj 2026-07-11 Source atelierks.fr Contact admin@atks.fr

Logo

Le logo est intouchable : ne pas deformer, recolorer, ni ajouter d'effet. Deux couleurs seulement, noir ou blanc, selon le fond. Respecter la zone de protection.

Regles

Zone de protection : garder autour du logo au moins la hauteur du symbole "KS" (cadre pointille).

Taille mini : [24 px] ecran / [15 mm] print pour la version complete ; en dessous, utiliser le symbole seul.

Fonds : version noire sur clair, version blanche sur sombre ou sur l'orange de marque.

Fichiers

Logo complet + symbole KS, noir et blanc. SVG en local dans ./assets/logos ; pour le print, exporte aussi en EPS/PDF vectoriel.

complet-noir.svg complet-blanc.svg symbole-noir.svg symbole-blanc.svg

A faire

Utiliser les fichiers fournis, noir ou blanc, avec un contraste franc sur le fond.

A eviter

Colorer le logo en orange, l'etirer, l'incliner, ajouter ombre ou contour.

Couleurs

Identite simple et tranchee : noir, blanc, un orange signature. Le web se pense en hex, le print en CMJN. CMJN indicatifs, Pantone a valider avec l'imprimeur.

Orange signature

HEX: #F57811
RGB: 245 120 17
CMJN: 0 51 93 4
Pantone: [a caler]

Orange clair

HEX: #FAA241
RGB: 250 162 65
CMJN: 0 35 74 2
Usage: survol / accent

Noir (encre)

HEX: #000000
RGB: 0 0 0
CMJN: 0 0 0 100*
Pantone: Black

Gris (texte 2)

HEX: #707070
RGB: 112 112 112
CMJN: 0 0 0 56

Blanc (fond)

HEX: #FFFFFF
RGB: 255 255 255
CMJN: 0 0 0 0

Gris clair (surface)

HEX: #F4F4F4
Usage: cartes, sections

* Noir de texte pur 0/0/0/100 pour le reperage. Pour un aplat dense, utiliser un noir riche [40 30 30 100].

Typographie

Deux familles, comme sur le site : Urbanist pour les titres (caractere, poids 600-700), Public Sans pour la lecture.

Titrage · Urbanist 700

Aa Bb Cc

On casse, on souffle, on recommence.

Lecture · Public Sans 400

Aa Bb Cc

Reservez votre session de destructotherapie, seul, entre amis ou en team-building.

Echelle typographique

step-4 Titre

step-3 Section

step-2 Sous-titre

step-1 Accroche

step-0 Corps de texte de base.

step--1 Legende / mention.

Composants & formes

Boutons en pilule, orange plein pour l'action principale. Echelle d'espacement unique, rayons constants.

Espacement

sp-1 0.5rem

sp-2 1rem

sp-3 1.5rem

sp-4 2.5rem

sp-5 4rem

Rayons

6px
cartes

14px
blocs

pill
boutons

Voix & ton

Cathartique et complice. On dedramatise la colere, on ne la glorifie pas. Energique, direct, jamais anxiogene.

On est

Cash, energique, bienveillant. Un defouloir qui rassure.

On n'est pas

Violent gratuit, anxiogene, corporate ou moralisateur.

Exemple

"Viens vider ton sac. On s'occupe de ramasser les morceaux."

Tokens web

Ce bloc EST la source qui stylise cette page. Colle-le dans ton CSS ; il est deja live ici.

:root {
  --brand-orange: #F57811;
  --brand-amber:  #FAA241;
  --ink:          #000000;
  --ink-soft:     #707070;
  --paper:        #FFFFFF;
  --paper-2:      #F4F4F4;
  --line:         #E4E4E4;

  --font-display: "Urbanist", system-ui, sans-serif;
  --font-body:    "Public Sans", system-ui, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --radius: 6px;
  --radius-lg: 14px;
  --radius-pill: 200px;
}

Tailwind : reporte ces valeurs dans theme.extend.colors / fontFamily / borderRadius.

Specs print

Pour l'imprimeur et le graphiste flyer. A verifier avant tout envoi en impression.

Colorimetrie

CMJN pour la quadri. Pour l'orange signature, faire valider un Pantone par l'imprimeur (aplat exigeant). Jamais de fichier RVB en impression.

Fichiers

PDF/X-1a, polices vectorisees, images [300 dpi]. Fond perdu [3 mm], traits de coupe. Logo vectoriel EPS/PDF.

Formats types

Flyer A5 (148x210), A6 (105x148), carte (85x55). Marge de securite [5 mm] mini.