Charte graphique — cartocoll

Couleurs

Trois couleurs, un seul fond.

Un navy profond, un orange signal, et un parchemin chaud : notre fond de page, là où la plupart des outils du secteur restent sur du blanc pur.

Navy profond

HEX #0D2137
RGB 13, 33, 55
CMJN 76, 40, 0, 78 (indicatif)

Parchemin

HEX #F5F0EA
RGB 245, 240, 234
CMJN 0, 2, 5, 4 (indicatif)

Orange signal

HEX #E8622A
RGB 232, 98, 42
CMJN 0, 58, 82, 9 (indicatif)

Navy profond+

#091828

Navy clair

#1B4F72

Orange foncé

#C84E1A

Orange clair

#F28C5E

Parchemin alt.

#EDE8E0

Règle d'usage. Le fond par défaut de toute page ou composition est le parchemin, jamais du blanc pur. Le navy sert aux sections de contraste fort (hero, CTA final) et l'orange reste un accent : titres en italique, boutons principaux, puces. On n'inverse jamais ces rôles.

Typographies

Quatre polices, quatre rôles.

Chacune a un usage précis, on ne les substitue pas l'une à l'autre.

Display — Cormorant Garamond

Pourquoi cartocoll existe.

Titres H1/H2 · italique orange sur le mot clé, selon la règle ci-dessous · fallback : Georgia, serif

Corps — Barlow

Cabinet indépendant de géomatique territoriale, basé à Valence dans la Drôme.

Paragraphes, formulaires, navigation · fallback : -apple-system, Segoe UI, sans-serif

Condensé — Barlow Condensed

— Plateformes cartographiques

Labels, boutons, kickers, catégories · fallback : Barlow, sans-serif

Mono — Source Code Pro

service='cartocoll' · SIREN 902 860 410

Métadonnées, légendes, repères techniques · fallback : SF Mono, Consolas, monospace

Règle de l'italique orange. Un <em> dans un titre devient automatiquement orange, reste à savoir où en mettre un.

H1 de page (toutes pages) : toujours un mot-clé en italique orange.
H2 de page marketing (accueil, services, tarifs, CTA de conversion) : toujours un mot-clé en italique orange : chaque H2 y est un argument de vente, l'accent aide à scanner.
H2/H3 éditoriaux (récit de « À propos », corps des articles de blog, mentions légales, CGPS) : jamais d'italique orange : en lecture longue, l'accent répété devient un tic visuel qui casse la lecture plutôt qu'il n'aide.

Logo

Un hexagone, deux fonds.

L'hexagone orange à lignes géodésiques blanches et point central fonctionne sur parchemin comme sur navy, sans adaptation.

Sur parchemin

Sur navy

Fichier source : assets/logo-mark.svg, vectoriel, fonctionne sur les deux fonds ci-dessus sans version séparée. Des déclinaisons supplémentaires (monochrome blanc, monochrome navy, formats d'export PNG/favicon) n'existent pas encore comme fichiers distincts sur ce dépôt ; cette page sera mise à jour le jour où elles seront produites. Il n'y a pas non plus de brand book PDF séparé à ce stade, cette page en tient lieu.

— Besoin d'un fichier

Vous travaillez sur un support cartocoll ?

Écrivez-moi si vous avez besoin du logo en haute résolution ou d'un format particulier.

Échangeons