canadaflorida · identité visuelle · v1.0 · avril 2026

canadaflorida

Logo « Soleil levant ». Une vignette gravée, dans l'esprit d'un manuel de référence ancien — chaleureuse, sobre, durable.

Aperçu

FR · CLAIR

EN · LIGHT

FR · FONCÉ

EN · DARK

Icône / Favicon

Version simplifiée du soleil sans monogramme « cf », pour les usages très petits (favicon, app, photo de profil).

64 · 32 · 16 px

Favicon simplifié
(sans cf)

Couleurs

Papier: #F5EFE3
RGB: 245 · 239 · 227
Usage: Fond principal

Encre: #1B1814
RGB: 27 · 24 · 20
Usage: Texte, traits

Soleil: #C99A6A
RGB: 201 · 154 · 106
Usage: Disque solaire

Soleil clair: #E2B077
RGB: 226 · 176 · 119
Usage: Soleil sur fond foncé

Typographie

Wordmark

canadaflorida

Famille: Cormorant Garamond
Poids: 500 (canada) · 600 italic (florida)
Tracking: -0.5px (-1.5%)
Source: Google Fonts (gratuit)

Tagline

        Le manuel de référence
The reference manual
      

Famille: JetBrains Mono
Poids: 400
Tracking: 3.2px (≈0.28em)
Casse: MAJUSCULES

Espace de protection

Ne jamais placer un autre élément à moins de la hauteur du soleil (le « x » du logo) autour de la marque. Sur un site web, prévoir ≥ 32 px de respiration sur tous les côtés.

Tailles minimales

120 px
min web

200 px
recommandé header

32 px
min icône

16 px
favicon (sans cf)

À faire · à éviter

✓

Toujours

Utiliser sur fond papier crème (#F5EFE3), blanc cassé, ou fond foncé encre (#1B1814). Garder la marge de protection. Préférer le SVG quand possible.

Jamais

Ne pas changer les couleurs du soleil, ne pas étirer, ne pas pivoter, ne pas remplacer la police, ne pas placer sur une photo trop chargée, ne pas utiliser sous 120 px de large pour le logo complet.

Intégration sur le site

1. Header (HTML)

<a href="/" class="logo">
  <img src="/assets/canadaflorida-logo-fr.svg"
       alt="canadaflorida — Le manuel de référence"
       width="200" height="117" />
</a>

2. Favicon (HTML head)

<link rel="icon" type="image/svg+xml" href="/canadaflorida-favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/canadaflorida-icon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/canadaflorida-icon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/canadaflorida-icon-192.png">

3. Open Graph (réseaux sociaux)

<meta property="og:image" content="https://canadaflorida.com/og-fr.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

4. Polices Google Fonts

<link href="https://fonts.googleapis.com/css2?
  family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600
  &family=JetBrains+Mono:wght@400
  &display=swap" rel="stylesheet">

Tous les fichiers livrés

Tous les fichiers sont dans le dossier exports/. Pour Claude Cowork ou un dépôt Git, télécharge le dossier complet ; pour le site web, copie-colle simplement les SVG dans /assets/.

Logos vectoriels (SVG)

Fichier	Format	Usage
canadaflorida-logo-fr.svg	SVG · 480×280	Logo français, fond clair (par défaut)
canadaflorida-logo-en.svg	SVG · 480×280	Logo anglais, fond clair
canadaflorida-logo-fr-dark.svg	SVG · 480×280	Logo français, fond foncé
canadaflorida-logo-en-dark.svg	SVG · 480×280	Logo anglais, fond foncé
canadaflorida-icon.svg	SVG · 256×256	Icône carrée (avec cf), fond clair
canadaflorida-icon-dark.svg	SVG · 256×256	Icône carrée, fond foncé
canadaflorida-favicon.svg	SVG · 32×32	Favicon simplifié (sans cf)

Logos PNG

Fichier	Taille	Usage
png/canadaflorida-logo-{fr,en}-480w.png	480×280	Header de site, retina ×1
png/canadaflorida-logo-{fr,en}-960w.png	960×560	Header retina ×2
png/canadaflorida-logo-{fr,en}-1920w.png	1920×1120	Print, présentation, retina ×4
png/canadaflorida-logo-{fr,en}-dark-*.png	idem	Versions fond foncé

Icônes PNG (favicon, app, profil)

Fichier	Taille	Usage
png/canadaflorida-icon-16.png	16×16	Favicon classique
png/canadaflorida-icon-32.png	32×32	Favicon retina
png/canadaflorida-icon-48.png	48×48	Windows tile
png/canadaflorida-icon-64.png	64×64	App tray
png/canadaflorida-icon-128.png	128×128	Chrome Web Store
png/canadaflorida-icon-192.png	192×192	Apple touch icon, Android
png/canadaflorida-icon-256.png	256×256	macOS / réseaux
png/canadaflorida-icon-512.png	512×512	PWA icon, profil HD
png/canadaflorida-icon-1024.png	1024×1024	App Store, retina XL
png/canadaflorida-icon-dark-*.png	idem	Versions fond foncé

Réseaux sociaux (Open Graph)

Fichier	Taille	Usage
png/canadaflorida-og-fr-1200x630.png	1200×630	Facebook, LinkedIn, Twitter (FR)
png/canadaflorida-og-en-1200x630.png	1200×630	Facebook, LinkedIn, Twitter (EN)