·Ka = agréger — mille sites, un seul endroitDix agrégateurs · une obsession : la transparence2 528+ connecteurs lisent les sources jour et nuit42 400+ logements à louer agrégés en continu — loyer moyen 1 834 $76 300+ propriétés à vendre, lues à la sourceValeur résidentielle du Québec : +43,1 % de 2021 à 2026 — vrai-prix.com47 200+ voitures usagées chez 128 concessionnaires — prix moyen 29 884 $383 000+ produits québécois de 1 574 boutiques52 400+ prix d'épicerie suivis chez 57 bannières25 800+ sorties et événements dans les 17 régions — sorti-ka.com24 800+ offres d'emploi chez 1972 employeurs — salaire moyen 63 957 $/an3 747 008 propriétés évaluées au Québec393 867 plex · 1 733 744 portes au rôle foncier 2026 — valoplex.comKa2 & Ka4 cartographient le web québécois — ka2.bot · ka4.botZéro boîte noire — tout est automatisé, rien n'est inventé·Ka = agréger — mille sites, un seul endroitDix agrégateurs · une obsession : la transparence2 528+ connecteurs lisent les sources jour et nuit42 400+ logements à louer agrégés en continu — loyer moyen 1 834 $76 300+ propriétés à vendre, lues à la sourceValeur résidentielle du Québec : +43,1 % de 2021 à 2026 — vrai-prix.com47 200+ voitures usagées chez 128 concessionnaires — prix moyen 29 884 $383 000+ produits québécois de 1 574 boutiques52 400+ prix d'épicerie suivis chez 57 bannières25 800+ sorties et événements dans les 17 régions — sorti-ka.com24 800+ offres d'emploi chez 1972 employeurs — salaire moyen 63 957 $/an3 747 008 propriétés évaluées au Québec393 867 plex · 1 733 744 portes au rôle foncier 2026 — valoplex.comKa2 & Ka4 cartographient le web québécois — ka2.bot · ka4.botZéro boîte noire — tout est automatisé, rien n'est inventé
Image de marque · Un système, treize accents
La marque KA
Tout l'écosystème partage un seul design system — « éditorial sharp » : papier chaud, encre verdie, bordures franches, ombres décalées dures et grain de film. Chaque plateforme n'y ajoute qu'une chose : son accent. Cette page rassemble les logos des 13 marques dans tous les formats (SVG vectoriel, PNG transparent, fonds papier et encre, icône iOS, bannière de partage) et documente chaque couleur au pixel près : hex, RGB, HSL, contrastes WCAG et règles d'usage.
Le socle « éditorial sharp » — identique sur les 13 sites
Ces couleurs viennent de ka-ui/tokens.css, la source canonique importée par chaque plateforme. Elles ne changent jamais d'un site à l'autre : c'est ce qui fait qu'un site ·Ka se reconnaît avant même de lire son nom. Le contraste encre sur papier est de 16,2:1 — au-dessus du seuil AAA (7:1) pour le texte courant.
Papier --paper
#F5F3EE · RGB 245, 243, 238 · HSL 43°, 26 %, 95 %
Le fond de tous les sites : un blanc cassé chaud, teinté de beige, qui évoque le papier journal de qualité. Jamais de blanc pur en pleine page — le papier réduit l'éblouissement et donne au groupe son air éditorial. C'est aussi le fond des variantes « fond papier » des logos.
Surface --surface
#FFFFFF · RGB 255, 255, 255 · HSL 0°, 0 %, 100 %
Le blanc pur, réservé aux cartes et panneaux posés SUR le papier : l'écart subtil entre #ffffff et #f5f3ee crée la hiérarchie de profondeur sans recourir aux ombres portées classiques.
Surface 2 --surface-2
#FAF9F5 · RGB 250, 249, 245 · HSL 48°, 33 %, 97 %
L'intermédiaire entre papier et surface : fonds de zébrures de tableaux, cellules alternées, zones de formulaire au repos.
Encre --ink
#141814 · RGB 20, 24, 20 · HSL 120°, 9 %, 9 %
Le noir du groupe — jamais #000000 : une encre très légèrement verdie qui adoucit le contraste sur papier. Texte courant, bordures « sharp » de 1,5 à 2 px, fonds inversés des boutons et des pastilles de logos. Contraste 16,2:1 sur papier (AAA).
Encre 2 --ink-2
#4D5551 · RGB 77, 85, 81 · HSL 150°, 5 %, 32 %
Le gris-vert des textes secondaires : sous-titres, descriptions, légendes. Toujours lisible (contraste AA sur papier) mais en retrait net de l'encre pleine.
Encre 3 --ink-3
#8B928C · RGB 139, 146, 140 · HSL 129°, 3 %, 56 %
Le gris le plus clair autorisé pour du texte : micro-étiquettes, méta-données, notes de bas de carte en JetBrains Mono. En dessous de cette valeur, on ne écrit plus — on décore.
Vert profond --green
#1C5C41 · RGB 28, 92, 65 · HSL 155°, 53 %, 24 %
Le vert institutionnel du groupe : sous-titres de sections, éyquettes de rubriques, états « succès », liens visités des documents. C'est le pendant sérieux du lime — même famille végétale, saturation inversée.
Vert abyssal --green-deep
#123F2E · RGB 18, 63, 46 · HSL 157°, 56 %, 16 %
Le vert le plus sombre : hovers des boutons encre, fonds de bandeaux « données vérifiées », accent-deep par défaut du hub.
Ambre --amber
#E8A33D · RGB 232, 163, 61 · HSL 36°, 79 %, 57 %
La couleur d'avertissement doux : données partielles, sources en attente, badges « bêta ». Jamais utilisée pour de l'erreur.
Ambre pâle --amber-soft
#FDF3E2 · RGB 253, 243, 226 · HSL 38°, 87 %, 94 %
Le fond des encarts d'avertissement — l'ambre à 10 % d'intensité perçue, pour des bandeaux lisibles sans crier.
Brique --danger
#B3423A · RGB 179, 66, 58 · HSL 4°, 51 %, 46 %
L'erreur et la suppression : un rouge brique désaturé, volontairement distinct des accents rouges d'Immo·Ka et Vrai-Prix pour que l'erreur ne ressemble jamais à de la marque.
Brique pâle --danger-soft
#FBE9E7 · RGB 251, 233, 231 · HSL 6°, 71 %, 95 %
Le fond des messages d'erreur et des zones de suppression à confirmer.
Bordures & ombres
Bordures encre de 1,5 à 2 px sur tout élément saillant. Les ombres ne sont jamais floues : décalées et dures — 6px 6px 0 encre pour les éléments actifs, 8px 8px 0 encre 8 % pour les cartes au repos. C'est la signature néo-brutaliste du groupe.
Typographie
Trois familles, trois rôles : Space Grotesk pour les titres et les wordmarks (display), Inter pour le texte courant, JetBrains Mono pour les micro-étiquettes, chiffres et méta-données. Échelle fluide en clamp(), mobile-first.
Géométrie
Rayons de 10 px pour les cartes, 6 px pour les contrôles, pastilles pleines (999 px) pour les badges et boutons ronds. Les pastilles de logos utilisent un rayon de 14/64 de leur côté. Zones tactiles minimales de 44 × 44 px.
02 · Les 13 marques
Logos & accents — chaque plateforme, tous les formats
Chaque marque est une pastille : le monogramme du site posé sur l'encre, coins arrondis, liseré intérieur. Sept fichiers par marque : le SVG source (échelle infinie), deux PNG transparents (512 et 1024 px), deux mises en situation (fond papier et fond encre, 1280 px), l'icône iOS (180 px) et la bannière de partage social (1200 × 630). Quatre variables de couleur par site — accent, accent pâle, accent profond, texte sur accent — et rien d'autre ne change.
Groupe KA
www.groupe-ka.com
Le portail de l'écosystème ·Ka
Lime KA
Le vert-jaune électrique du groupe : une teinte végétale poussée à la saturation maximale, à mi-chemin entre la chartreuse et le lime. C'est la couleur mère de l'écosystème — celle du surligneur posé sur l'encre, des boutons du hub et du wordmark inversé. Très claire, elle exige toujours du texte encre par-dessus.
Accent --accent
#D9F26B · RGB 217, 242, 107 · HSL 71°, 84 %, 68 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 1,1:1 sur papier, 14,4:1 sur encre.
Accent pâle --accent-soft
#F0F9D2 · RGB 240, 249, 210 · HSL 74°, 76 %, 90 %
L'accent dilué pour les fonds : badges, encarts d'information, survols de lignes de tableaux, fonds de puces. Toujours avec du texte encre par-dessus.
Accent profond --accent-deep
#123F2E · RGB 18, 63, 46 · HSL 157°, 56 %, 16 %
La version assombrie : hovers de boutons, texte d'accent posé sur fond clair (contraste 10,7:1 sur papier), traits de soulignement appuyés.
Texte sur accent --on-accent
#141814 · RGB 20, 24, 20 · HSL 120°, 9 %, 9 %
La seule couleur autorisée pour du texte posé directement sur l'accent (contraste 14,4:1 sur l'accent).
Un orange pur et incandescent, presque celui des affiches « À louer ». Chaleureux comme un chez-soi, visible comme une pancarte : il marque les loyers, les CTA de candidature et les badges de disponibilité sur fond papier.
Accent --accent
#FF6A00 · RGB 255, 106, 0 · HSL 25°, 100 %, 50 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 2,6:1 sur papier, 6,2:1 sur encre.
Un rouge carmin légèrement rosé, sérieux sans être agressif — la couleur des grandes bannières immobilières. Il porte les prix de vente et les badges de marché, et son foncé bordeaux assoit les hovers.
Accent --accent
#E23744 · RGB 226, 55, 68 · HSL 355°, 75 %, 55 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 3,9:1 sur papier, 4,2:1 sur encre.
Un rouge corail lumineux, plus chaud et plus clair que le vermillon d'Immo·Ka : la nuance qui distingue l'évaluation (Vrai-Prix) de la transaction (Immo·Ka). Utilisé pour les écarts de valeur et les jauges de plus/moins-value.
Accent --accent
#FF5148 · RGB 255, 81, 72 · HSL 3°, 100 %, 64 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 2,9:1 sur papier, 5,6:1 sur encre.
Accent pâle --accent-soft
#FFE3E0 · RGB 255, 227, 224 · HSL 6°, 100 %, 94 %
L'accent dilué pour les fonds : badges, encarts d'information, survols de lignes de tableaux, fonds de puces. Toujours avec du texte encre par-dessus.
Accent profond --accent-deep
#9E2A25 · RGB 158, 42, 37 · HSL 2°, 62 %, 38 %
La version assombrie : hovers de boutons, texte d'accent posé sur fond clair (contraste 6,7:1 sur papier), traits de soulignement appuyés.
Texte sur accent --on-accent
#FFFFFF · RGB 255, 255, 255 · HSL 0°, 0 %, 100 %
La seule couleur autorisée pour du texte posé directement sur l'accent (contraste 3,2:1 sur l'accent).
Entre l'orange signal de Lou·Ka et le rouge de Vrai-Prix : un orange « feu arrière » énergique, évocation de la route et du métal chaud. Il souligne les prix des véhicules et les kilométrages.
Accent --accent
#FF5A2A · RGB 255, 90, 42 · HSL 14°, 100 %, 58 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 2,8:1 sur papier, 5,8:1 sur encre.
Un brun-orangé terreux, désaturé volontairement par rapport aux autres oranges du groupe : la terre cuite, le cuir, le bois de l'atelier. La couleur artisanale de la plateforme des produits fabriqués au Québec.
Accent --accent
#C4532E · RGB 196, 83, 46 · HSL 15°, 62 %, 47 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 4,1:1 sur papier, 4,0:1 sur encre.
Accent pâle --accent-soft
#F7E3DA · RGB 247, 227, 218 · HSL 19°, 64 %, 91 %
L'accent dilué pour les fonds : badges, encarts d'information, survols de lignes de tableaux, fonds de puces. Toujours avec du texte encre par-dessus.
Accent profond --accent-deep
#A94525 · RGB 169, 69, 37 · HSL 15°, 64 %, 40 %
La version assombrie : hovers de boutons, texte d'accent posé sur fond clair (contraste 5,3:1 sur papier), traits de soulignement appuyés.
Texte sur accent --on-accent
#FFFFFF · RGB 255, 255, 255 · HSL 0°, 0 %, 100 %
La seule couleur autorisée pour du texte posé directement sur l'accent (contraste 4,5:1 sur l'accent).
Un vert franc de fraîcheur, plus vif que le vert profond institutionnel du groupe : celui des étals de fruits et légumes et des étiquettes « spécial ». Il marque les aubaines et les baisses de prix.
Accent --accent
#1F9D55 · RGB 31, 157, 85 · HSL 146°, 67 %, 37 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 3,1:1 sur papier, 5,1:1 sur encre.
Un rose framboise assumé, saturé et nocturne : néons de salle de spectacle, tampon d'entrée sur la main. La couleur de l'événementiel du groupe, posée sur les dates et les badges « gratuit ».
Accent --accent
#D6336C · RGB 214, 51, 108 · HSL 339°, 67 %, 52 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 4,2:1 sur papier, 3,9:1 sur encre.
Un bleu-vert sarcelle professionnel, unique dans le spectre du groupe : ni le bleu du moteur, ni le vert de l'épicerie. Il habille les salaires affichés et les badges d'employeurs.
Accent --accent
#0C8599 · RGB 12, 133, 153 · HSL 189°, 85 %, 32 %
La couleur de marque : CTA, liens actifs, surlignés inclinés, compteurs. Contraste 3,9:1 sur papier, 4,1:1 sur encre.
Utiliser le SVG dès que possible — les PNG sont des commodités d'intégration.
Préserver une zone de protection d'au moins 25 % du côté de la pastille autour du logo.
Poser les logos sur papier (#f5f3ee), sur encre (#141814) ou sur photo calme — les variantes fournies couvrent ces trois cas.
Écrire les noms avec le point médian : Lou·Ka, Immo·Ka, Sorti·Ka… (« Groupe KA » et « Vrai-Prix » font exception).
Respecter la couleur « texte sur accent » de chaque site : encre sur lime et safran, blanc partout ailleurs.
On ne fait pas
Déformer, incliner, étirer ou recolorer les pastilles.
Changer le rayon des coins ou retirer le liseré intérieur.
Poser un accent sur un autre accent — les couleurs de marque ne se mélangent jamais entre sites.
Utiliser un accent comme couleur d'erreur (la brique #b3423a existe pour ça).
Reproduire les logos pour laisser croire à une affiliation : ils identifient les services du Groupe KA, rien d'autre.
Palettes lues en direct dans ecosystem.json (ka-ui) — les valeurs affichées ne peuvent pas dériver du code. Logos collectés depuis les sites en production le 2026-08-23. Questions de marque et demandes presse : formulaire Médias & presse.
