Nom et promesse
Oukonjou, c'est « Où qu'on joue ? » écrit comme on le dit. La question que se posent chaque jour les ados, les parents et les sportifs du dimanche, transformée en nom. Il se prononce [u.kɔ̃.ʒu] et s'écrit toujours avec une seule capitale : Oukonjou.
Promesse : trouver en quelques secondes un terrain gratuit, sans réservation, autour de soi, avec les règles pour bien en profiter.
Où qu'on joue ? Juste là.
Where to play? Right here.
Ligne de base : « Le sport en accès libre, autour de vous. » / “Free-access sports spots near you.”
Logo
Le symbole reprend le rond central d'un terrain : la ligne médiane, le cercle et, au centre, un point jaune qui est à la fois le ballon et le « vous êtes ici » d'une carte. Dans le logotype, ce point jaune se loge dans le premier O. Le logotype est dessiné dans la Big Shoulders Display Black, une linéale étroite inspirée de la signalétique des stades.
logo-lockup.svg
logo-lockup-white.svglogo-lockup-white.svg
logo.svg
logo-mono.svg
logo-mark.svg- Zone de protection : laissez autour du logo un espace libre au moins égal à la hauteur du point jaune multipliée par deux.
- Taille minimale : logotype 80 px (20 mm) de large ; symbole 24 px (8 mm).
- Fichiers (dossier assets/img) :
logo-lockup.svg,logo-lockup-white.svg,logo.svg,logo-white.svg,logo-mono.svg,logo-mark.svg,logo-mark-dark.svg,favicon.svg,og-fr.png,og-en.png.
Couleurs
Une palette tirée du terrain de quartier : la résine verte des city-stades, l'asphalte, la peinture jaune des tracés, le béton des skateparks. Proportions indicatives : 60 % béton et craie, 25 % asphalte, 10 % résine, 5 % jaune.
Couleurs des types de terrains
Chaque type a sa couleur sur la carte et dans les fiches. Une couleur n'est jamais seule porteuse de sens : elle est toujours accompagnée du pictogramme et du nom. Sur ces couleurs, seuls les pictogrammes et les grands titres sont posés en blanc (contraste d'au moins 3:1) ; le texte courant reste en Asphalte, à côté.
Typographies
Trois familles gratuites sous licence SIL Open Font License, hébergées avec le site (dossier assets/fonts, sous-ensemble latin) : aucun appel à un service tiers.
Skatepark à Lyon
Titres et chiffres forts, toujours en capitales, interlignage serré (1,0 à 1,1).
Conçue par le Braille Institute pour les personnes malvoyantes : chaque lettre se distingue nettement des autres. Corps 17 px minimum, interlignage 1,6.
1,2 km · 45.76402, 4.83570 · EN 15312:2026
Distances, coordonnées, dates, références de normes, étiquettes en capitales espacées.
| Niveau | Famille | Taille |
|---|---|---|
| H1 | Big Shoulders Display 800 | 34–74 px |
| H2 | Big Shoulders Display 800 | 30–43 px |
| H3 | Big Shoulders Display 700 | 23 px |
| Texte | Atkinson Hyperlegible 400 | 17 px |
| Étiquette | IBM Plex Mono 600 | 12,5 px · +9 % |
Pictogrammes
Grille de 24 px, trait de 1,8 px, extrémités et angles arrondis, pas de remplissage. Sur fond de couleur de type, le pictogramme est blanc dans un carré aux coins arrondis (rayon 27 % du côté).
i-skateparki-pumptracki-citystadei-workouti-basketi-traili-petanquei-footi-beachi-climbi-tennisi-pingpongi-swimi-cragi-compassi-hikei-searchi-locatei-mapi-listi-routei-stari-belli-flagi-lighti-accessi-infoi-mailComposants
Formes : boutons et filtres en pilule (rayon complet) ; cartes rayon 12 px ; un seul bouton jaune par écran. Cible tactile 44 px minimum. Focus clavier : contour bleu de 3 px.
Ton et écriture
- Vouvoiement, phrases courtes, verbes d'action : « Cherchez », « Allez-y », « Signaler une erreur ».
- Concret : des distances, des règles, des dimensions. Pas de superlatifs, pas de jargon administratif.
- Honnête : « à vérifier sur place » quand on ne sait pas. Oukonjou ne se présente jamais comme un service officiel.
- Le clin d'œil est réservé aux titres et aux pages d'erreur (« Hors des limites »), jamais aux règles de sécurité.
À faire, à éviter
- Utiliser les fichiers fournis sans les redessiner.
- Placer le logo sur Béton, Craie, Résine ou Asphalte.
- Garder le point jaune dans le premier O.
- Déformer, incliner, ombrer ou contourner le logo.
- Changer la couleur du point ou le déplacer.
- Utiliser le jaune pour du texte sur fond clair (contraste insuffisant).
- Associer le logo à un logo officiel (ministère, Marianne, fédération).