BRAND SYSTEM · KOPO · V 1.0 DESIGN BRIEF · AVRIL 2026 WHERE SKILL MAKES THE DIFFERENCE PALETTE · DARK PREMIUM · GOLD ACCENT TYPO · UNBOUNDED · MANROPE · JETBRAINS MONO 6 PAGES LIVRÉES · 36 COMPOSANTS BRAND SYSTEM · KOPO · V 1.0 DESIGN BRIEF · AVRIL 2026 WHERE SKILL MAKES THE DIFFERENCE PALETTE · DARK PREMIUM · GOLD ACCENT TYPO · UNBOUNDED · MANROPE · JETBRAINS MONO 6 PAGES LIVRÉES · 36 COMPOSANTS
KO
PO.
BRAND SYSTEM · V 1.0

Where skill
makes the
difference.

Le brand system complet de KOPO — identité visuelle, palette, typographie, composants UI et guide d'usage. Conçu pour un concours skill-based premium.

ClientKOPO · kopo.tips
CatégorieConcours sportif skill-based
MarchéFR · EN · ES · PT · 93 pays
LivraisonAvril 2026 · V 1.0
SECTION 01 · ESSENCE
Essence
de marque
01
POSITIONNEMENT

Le concours premium où ton cerveau — pas ton portefeuille — décide qui gagne.

VALEURS
01 · Skill avant tout — analyse > portefeuille
02 · Premium accessible — luxe sans barrière
03 · Compétition mondiale — global, multi-culture
04 · Transparence absolue — algo public, zéro ombre
05 · Intégrité du sport — 0 pari, 0 hasard
PERSONA
Le Stratège
22-38 ans · Mobile-first · Suit YouTube/Telegram · Joue à FIFA/2K · Veut monétiser sa passion sportive.
FRUSTRATION
"Perdre de l'argent sur des pronos"
Bookmakers réduisent les cotes des gagnants, sites fantasy compliqués, aucune reconnaissance pour les analyses justes.
ASPIRATION
"Prouver que j'ai raison — et être payé pour"
Démontrer son expertise, gagner du cash sans risque, monétiser sa connaissance du sport.
SECTION 02 · LOGOTYPE
Logo
& signature
02
CAP HEIGHT
KOPO.
BASELINE
FAMILLE
Unbounded Black
Geometric · Bold · Tight tracking
TRACKING
-0.06 em
Resserré pour densité visuelle et impact.
ACCENTS OR
Le "O" et le point final sont en KOPO Gold (#D4AF37) — deux marqueurs chromatiques qui signent la marque.
HAUTEUR MIN
24 px
Sous 24px, lisibilité compromise.

Variantes obligatoires

KOPO.
01 · DARK / PRIMARY
KOPO.
02 · LIGHT
KOPO.
03 · MONO GOLD
KOPO.
04 · MONO WHITE
KOPO.
05 · MONO BLACK
K
06 · APP ICON

Usage & Protection

✓ À FAIRE

Espace de respiration = hauteur du "O"

Toujours garder autour du logo une zone vide équivalente à la hauteur de la lettre O. Aucun élément graphique ne peut empiéter dans cet espace.

✕ À ÉVITER

Jamais d'italiques, de 3D, d'ombres portées

Pas d'effets visuels datés, pas de gradient arc-en-ciel, pas de déformations. KOPO reste droit, net, pur.

✓ À FAIRE

Utiliser les accents or sur O et point

Les deux accents dorés (O et .) sont une signature — ils peuvent être conservés sur fond sombre ou clair.

✕ À ÉVITER

Pas de mascots, pas de gants de boxe

Le symbolisme trop littéral (trophée, gants, ballons) déclasse la marque. KOPO reste abstrait et premium.

SECTION 03 · CHROMATIC SYSTEM
Palette
de couleurs
03

Primaires

KOPO BLACK
#0A0A0A · R10 G10 B10
BG PRINCIPAL · 60%
KOPO GOLD
#D4AF37 · R212 G175 B55
ACCENT PREMIUM · 10%
PURE WHITE
#FFFFFF · R255 G255 B255
TEXTE PRINCIPAL
GOLD GRADIENT
#D4AF37 → #8B6F1A
PRIZE · CHAMPIONSHIP

Surfaces & Borders

Surface 1
#1A1A1A
Surface 2
#262626
Border
#404040
Text Muted
#9CA3AF

Sémantiques

SUCCESS
#10B981 · Victoire
ERROR / LIVE
#DC2626 · Défaite · Live
WARNING
#F59E0B · Attention
INFO
#3B82F6 · Upcoming
STREAK
#8B5CF6 · Séries
BONUS
#EC4899 · Récompense
LIVE INDICATOR
#EF4444 · Pulse
HAIRLINE GOLD
Divider · 1px

Règle 60 · 30 · 10

La couleur KOPO Gold est sacrée. Si l'or apparaît plus de 5—7 fois sur une page, en réduire l'usage. L'excès tue l'impact.

60% · BACKGROUND
30% · STRUCTURE
10% · ACCENT
SECTION 04 · TYPOGRAPHIC SYSTEM
Typographie
04
DISPLAY · UNBOUNDED
Unbounded Black

Police principale pour les titres, logos, chiffres signature. Géométrique, tech-moderne, sportive. Tracking serré à -0.04em pour impact.

Google Fonts · Open Source
TEXT · MANROPE
Manrope Bold

Police humaniste pour le corps de texte, l'UI, les boutons. Excellente lisibilité, family riche (Light → ExtraBold). 100% gratuite.

Google Fonts · OFL
H1·DISPLAY XL·UNBOUNDED BLACK · 128PX · -0.05EM
Skill. Cash.
Glory.
H2·DISPLAY LG·UNBOUNDED BLACK · 96PX · -0.045EM
Prouve ton skill,
gagne du cash.
H3·DISPLAY MD·UNBOUNDED BOLD · 60PX · -0.03EM
Where skill makes the difference.
H4·HEADING·UNBOUNDED BOLD · 32PX · -0.02EM
Concours du mois · Avril 2026
BODY·MANROPE REGULAR · 16PX · 1.5 LEADING

KOPO est le concours mondial de pronostics sportifs skill-based. Pas de mise, pas de bookmaker, pas de hasard. Juste ton analyse face à 14 892 stratèges — et 1 000 € de cash pour les 30 meilleurs du mois.

EYEBROW·JETBRAINS MONO · 12PX · 0.2EM TRACKING
CONCOURS SKILL-BASED · SAISON 04 · AVRIL 2026
NUMERIC·UNBOUNDED BLACK · TABULAR NUMS
1 000€
R.14
+287
SECTION 05 · INTERACTIVE
Boutons
05
CTA PRIMAIRE · KOPO GOLD Action #1
CTA SECONDAIRE · OUTLINE GOLD Action #2
GHOST · NAVIGATION
DARK · SOUS-ACTIONS
SECTION 06 · UI COMPONENTS
Composants
06

Badges · Statuts

STATUT MATCH / PRONOSTIC
LIVE 78' À 21:00 FINI VICTOIRE +14 PTS DÉFAITE CHAMPION ⚽ FOOTBALL 🏀 NBA 🥊 UFC

Rank Pills · Classement

SYSTÈME DE RANK F1-STYLE · R.XX
R.01 R.02 R.03 R.04 R.07 R.14 R.128 🔥 9 K.458921

Forms · Inputs

FIELDS & TABS & CHIPS
Jour Semaine Mois All-time
TOUS ⚽ FOOT 🏀 NBA 🥊 UFC 🎾 TENNIS 🏈 NFL

Cards

CARD STANDARD
Surface 1 · Border Rule

Utilisée pour le contenu par défaut. Border 1px rgba(255,255,255,0.06).

CARD PREMIUM
Gradient Gold · Glow

Pour les éléments de récompense, top performers, statuts premium.

CARD INTERACTIVE
Hover Lift · Gold Border

Cliquable, avec feedback au hover (élévation + border gold).

Ticket KOPO · Signature

TICKET PREMIUM · DASHED CUTS · GOLD GLOW Hero component
TICKET · #0458921
3 PRONOSTICS · 22/04/26
COUPE
UCL · 1/2
01 · 1X2
PSG vs Real Madrid
X · Match nul
×3.4
02 · BTTS
PSG vs Real Madrid
OUI
×1.5
03 · SCORE
PSG vs Real Madrid
3 — 1
×6.2
SECTION 07 · ICONOGRAPHY
Icônes
07

Lucide Icons — style line, stroke 1.5px, tailles 16/20/24/32. Cohérent avec l'esthétique KOPO. Filled uniquement en état actif.

Stroke 1.5 · 24×24
clock
star
trophy
chart
globe
cash
check
x
arrow-r
arrow-l
ticket
doc
user
coffee
target
flag
plus
flame
video
add
clock2
pin
bell
layout
SECTION 08 · TONE OF VOICE
Ton & voix
08

KOPO parle comme un coach ultra-confiant qui croit en ton potentiel. Direct, sans bullshit, premium mais jamais snob. Sportif dans l'âme.

ACQUISITION
"Tu penses connaître le sport mieux que les autres ? Prouve-le. KOPO te défie."
ONBOARDING
"Bienvenue chez KOPO. On va te montrer comment fonctionne la compétition. C'est plus simple que tu penses."
VICTOIRE
"Bien joué. Tu viens de gagner 287 points. Tu es 14e du classement quotidien."
DÉFAITE
"Pas cette fois. Mais demain, c'est un nouveau jour. Reviens nous montrer."
CONFIRMATION
"Pronostic verrouillé. Maintenant, on regarde le match ensemble."
DOTATION
"Félicitations. Tu fais partie des top 30 du mois. 30€ ont été versés sur ton compte."

Vocabulaire — pilier juridique

Cette distinction n'est pas esthétique : elle évite toute requalification en gambling par les régulateurs (ANJ, UKGC, FTC). Les mots comptent.

✓ À UTILISER

  • Pronostic · Prédiction
  • Points · Score
  • Multiplicateur · Difficulté
  • Récompense · Dotation
  • Challenge · Défi
  • Classement · Leaderboard
  • Tournoi · Compétition
  • Champion · Top performer
  • Skill · Expertise
  • Anticiper · Prédire
  • Prouver · Démontrer

✕ À PROSCRIRE

  • Pari · Bet
  • Mise · Stake
  • Cote · Odds
  • Gain · Winnings
  • Ticket · Combiné
  • Bookmaker · Bookie
  • Parieur
  • Gagner de l'argent
  • Hasard · Chance
  • Miser · Gambler
  • Tenter · Risquer
WHERE SKILL MAKES THE DIFFERENCE LAND THE KOPO SKILL WINS WHERE SKILL
SECTION 09 · PATTERNS
Textures
& atmosphère
09

Pour éviter les fonds trop plats, KOPO utilise des textures subtiles, des dégradés et des patterns géométriques. Jamais dominants, toujours atmosphériques.

GRAIN · SUBTIL
DOTS · 20PX · GOLD
DIAGONAL LINES
GRID · 24PX · RULE
GOLD GLOW · HERO
DIAGONAL SPLIT
SECTION 10 · DELIVERABLES
Livrables
10
PACK 01 · IDENTITÉ

Brand core

  • → Logo vectoriel · 6 variantes
  • → Favicon · 5 tailles
  • → Palette · .ase / .clr / tokens.json
  • → Typography system
  • → Brand guidelines PDF
  • → Design tokens pour dev
PACK 02 · SOCIAL

Social media

  • → Avatar 1:1 · 3 styles
  • → Bannière X / YouTube / LinkedIn
  • → Bannière Telegram
  • → Templates Instagram post / story
  • → Template TikTok cover
  • → Templates gagnants / classements
PACK 03 · WEB

Web preview

  • → Homepage · desktop + mobile
  • → Match detail · desktop + mobile
  • → Leaderboard · desktop + mobile
  • → Dashboard · desktop + mobile
  • → Style guide complet
  • → Figma Dev Mode ready
INCLUS
Pack complet · identité + social + web preview
VOIR LE BRAND EN ACTION

Les 4 pages
du template.