L’accessibilité,
avec la bonne pente.
Le système visuel officiel de Go Rampe — fabricant québécois de rampes d’accès en aluminium et en bois. Ambre franc, charbon solide, ton chaleureux d’atelier. Conçu pour la dignité et l’autonomie des personnes.
Ce que Go Rampe porte
Une mission concrète — rendre les lieux accessibles — servie par un savoir-faire d’atelier et une image chaleureuse, jamais froide.
Mission
Concevoir et fabriquer des rampes qui redonnent l’autonomie. L’accessibilité est la raison d’être, pas un argument marketing.
Aluminium × bois
Deux matériaux, une expertise : la robustesse durable de l’aluminium, la chaleur naturelle du bois. Le positionnement signature.
Ancrage québécois
Fondé en 2012 à Lévis par Marc Lacasse. On dessert tout le Québec et le Canada, en français comme en anglais, avec une parole d’artisan.
Ton de marque
Fiable, chaleureux, concret, orienté solution. On parle de dignité et d’autonomie — jamais de pitié, jamais de jargon corporatif.
Le bloc-marque
« GO » en gras, « RAMPE » en léger, le biseau ambre ascendant qui rappelle la pente d’une rampe, et la signature bilingue. Vecteur officiel 2025, intégré tel quel.
Marge libre tout autour = ½ de la hauteur du « GO ».
- Respecter la zone de protection (½ hauteur du « GO »).
- Conserver l’ambre #FCB034 du biseau, intact.
- Sur fond foncé : passer le texte en blanc, garder le biseau ambre.
- Aligner le biseau sous « RAMPE », ascendant vers la droite.
- Étirer, incliner ou ajouter une ombre portée.
- Recolorer le biseau ou inverser GO gras / RAMPE léger.
- Placer la version couleur sur un fond ambre ou photo chargée.
- Reconstruire le mot-symbole dans une autre police.
Ambre & charbon
Deux couleurs officielles, confirmées par le logo 2025. Tout le système en découle : échelles dérivées, neutres chauds, couleurs sémantiques.
| Couleur | HEX | RVB | CMJN | Pantone |
|---|---|---|---|---|
| Ambre Go Rampe | #FCB034 | 252 / 176 / 52 | 0 / 35 / 90 / 0 | 137 U |
| Charbon Go Rampe | #5F6062 | 95 / 96 / 98 | 0 / 0 / 0 / 77 | 425 U |
| Noir d’encre | #0D0D0C | 13 / 13 / 12 | 0 / 0 / 0 / 95 | Black 6 U |
Cliquez une pastille pour copier son code hexadécimal.
| Aperçu | Paire | Ratio | Verdict |
|---|---|---|---|
| Aa — soumission | Ambre #FCB034 sur Noir #0D0D0C | 10,55:1 | AA |
| Aa — bouton | Noir #0D0D0C sur Ambre #FCB034 | 10,55:1 | AA |
| Aa — corps | Noir #0D0D0C sur Crème #FFFBF5 | 18,21:1 | AA |
| Aa — texte doux | Charbon #5F6062 sur Crème #FFFBF5 | 6,11:1 | AA |
| Aa — lien ambre | Ambre-700 #8E6522 sur Crème #FFFBF5 | 5,05:1 | AA |
| Aa — sur charbon | Blanc sur Charbon #5F6062 | 6,29:1 | AA |
| Aa — gros titre | Ambre #FCB034 sur Charbon #5F6062 | 3,42:1 | AA grand seulement |
| Aa — à éviter | Ambre #FCB034 sur Blanc | 1,84:1 | Échec · ne pas utiliser pour du texte |
| Aa — à éviter | Blanc sur Ambre #FCB034 | 1,84:1 | Échec · texte blanc interdit sur ambre |
Règle d’or : l’ambre #FCB034 est une couleur d’aplat et d’accent, pas une couleur de texte sur fond clair. Pour du texte ambre sur crème ou blanc, utiliser l’Ambre-700 (#8E6522). Sur l’ambre, le texte doit toujours être noir d’encre, jamais blanc. L’ambre sur charbon ne passe qu’en grand texte (≥ 24 px ou 19 px gras).
Gill Sans & Mulish
Gill Sans est la police de marque officielle (impression, papeterie, signalétique). Pour le web, on charge Mulish, l’alternative humaniste gratuite la plus proche.
Gill Sans — humaniste britannique classique. Semi Bold pour « GO » et les titres forts, Light pour « RAMPE » et les display légers, Regular pour la signature et le corps.
Mulish — choisie pour sa structure humaniste à faible contraste de trait, sa grande hauteur d’œil et ses formes ouvertes, très proches de Gill Sans tout en restant excellente à l’écran. C’est la police de rendu de ce document.
Pile de substitution : font-family: 'Gill Sans', 'Gill Sans Nova', 'Mulish', sans-serif;
Lisibilité pour public aîné et PMR
- Corps de texte à 16 px minimum, 18 px recommandé pour les pages publiques.
- Interligne généreux : 1,6 pour le corps, 1,1–1,3 pour les titres.
- Éviter les gris trop pâles : texte courant au minimum en Charbon #5F6062 sur crème (6,1:1).
- Pas de texte en capitales sur de longs blocs ; réserver les capitales aux étiquettes courtes.
- Longueur de ligne confortable : 60–75 caractères.
Le biseau, motif signature
Le biseau ambre du logo — une pente ascendante — est l’ADN graphique de la marque. Il rappelle la rampe et sa pente sécuritaire de 1:12.
Rythme & structure
Une échelle d’espacement en base 4, une grille à 12 colonnes et trois rayons de coin doux pour un rendu d’atelier soigné.
- Largeur de contenu max 1180 px
- Gouttière 24 px · marge mobile 22 px
- Colonnes 12 (4 ou 6 en tablette/mobile)
La boîte à outils
Tokens appliqués : boutons, badges, cartes produit, champ de formulaire et bandeau d’appel à l’action. Rendu réel en HTML/CSS.
Rampe modulaire aluminium
Sans entretien, installée en quelques heures. Pente sécuritaire 1:12, garde-corps conformes. Idéale en location ou achat.
Rampe en bois sur mesure
Intégrée à l’architecture de la maison, finition chaleureuse. Conçue, fabriquée et posée par notre atelier.
Un projet d’accessibilité? Parlons-en.
Soumission gratuite, partout au Québec · sans frais 1-888-957-2673
Comment Go Rampe parle
Chaleureux et concret, jamais condescendant. On vend de l’autonomie et de la tranquillité d’esprit, pas un produit technique.
- Concret avant tout — on nomme le bénéfice réel (entrer chez soi, sortir seul).
- Dignité — la personne d’abord, jamais réduite à son handicap.
- Parole d’artisan — « on » plutôt que « nous », phrases courtes, mots du métier.
- Bilingue équivalent — l’anglais garde la même chaleur : « We design it, build it, install it. »
- Pas de superlatifs creux — on prouve (depuis 2012, RBQ, garantie) au lieu de promettre.
WCAG 2.2 AA, par principe
L’accessibilité est la mission de Go Rampe : elle doit aussi se vivre dans ses interfaces. Engagement minimal niveau AA.
Focus visible
Tout élément interactif reçoit un contour ambre net de 3 px au clavier. Jamais de outline:none sans remplaçant.
outline: 3px solid #B47F28Cibles ≥ 44 px
Boutons et liens d’action atteignent au moins 44 × 44 px de zone cliquable — crucial pour les mains moins précises.
min-height: 44px · padding généreuxContraste AA
Texte courant ≥ 4,5:1, grand texte ≥ 3:1. L’ambre reste un accent ; le texte s’appuie sur noir, charbon ou ambre-700.
cf. tableau de contraste — section 03Mouvement réduit
La feuille de style respecte prefers-reduced-motion : animations et transitions coupées pour qui le demande.
@media (prefers-reduced-motion: reduce)Structure & alt
Hiérarchie de titres logique, libellés explicites sur les champs, textes alternatifs sur le logo et les images porteuses de sens.
aria-label sur SVG signifiantsTaille de texte
Corps à 16 px minimum, unités relatives (rem), zoom 200 % sans perte de contenu ni de fonction.
font-size en rem · pas de px figéMise au point site vs charte
Ce document est la source de vérité. Le site actuel (refonte Astro) présente quelques écarts à aligner.
La charte officielle prime
La refonte Astro emploie aujourd’hui un ambre légèrement différent et des polices Fraunces / Hanken Grotesk. Ces choix doivent converger vers les valeurs officielles ci-dessous pour que la marque reste cohérente du papier au web.
| Élément | Site actuel (Astro) | Charte officielle — à appliquer |
|---|---|---|
| Ambre signature | #E8951C | #FCB034 (Pantone 137 U) |
| Police d’affichage | Fraunces | Gill Sans / web : Mulish |
| Police de corps | Hanken Grotesk | Gill Sans / web : Mulish |
| Neutre foncé | divers | #0D0D0C + charbon #5F6062 |
Action recommandée : mettre à jour les tokens du thème Astro (couleur d’accent et familles de polices) pour refléter cette charte. Tant que ce n’est pas fait, c’est ce document — pas le site — qui fait foi.