MyKollectOr
MyKollectOr®
Design System
Mode Clair
01
Couleurs & tokens
--gold
#c8a84b
--gold2
#e8c870
--ok
#3ecf8e
--live
#ff4f4f
--warn
#f0b429
--bg
#070f18
--bg2
#0a1a28
--bg3
#0f2438
--blue
#0e3e5f
--blue2
#1a5580
--violet
#7c5cbf
--violet2
#a07ee0
--white
#ffffff
--green
#1db97a
--green2
#27e89a
02
Typographie
H1 · 2rem · 900 · Montserrat
Mon Espace Chrono
H2 · 1.45rem · 800
Titre de section
H3 · 1.05rem · 700
Sous-titre de carte
Overline · .5rem · 700 · uppercase · tracked
Étiquette de section
Body · .85rem · 400
Texte courant pour les descriptions, métadonnées et contenus de carte.
Small / dim · .7rem · 500
Texte secondaire, dates, sous-titres de stat.
Mono chrono · 1.4rem · 700 · Courier
01:32:47
Micro · .52rem · 600 · tracked
Référence · MKO-2025-TRL-00412
03
Boutons
04
Badges & pills
Certifié En attente Live Record Archivé Premium Nouveau
SESSION ACTIVE
3 nouveaux
05
Cards
Stat cards
47
Exploits
↑ +3 ce mois
12
Médailles
↑ +1 récente
2h14
Meilleur temps
↓ −8min
#38
Classement
↑ +5 places
Cards de base
Carte standard
Contenu avec bordure subtile et fond card.
Carte gold accent
Bordure gauche dorée, fond légèrement teinté.
Session en cours
Bordure gauche live, gradient bg2→bg3.
À valider
Médaille en attente de confirmation.
Carte violet
Variante premium, accent violet à gauche.
Carte blanche
Fond blanc pur, contour doré subtil.
Card profil utilisateur
JC
4
Julien C.
MKO-2025-TRL-00412
Niveau 4 Certifié
47
exploits
M
7
Marie D.
MKO-2025-RTE-00089
Premium 02:58:14
Card exploit / course
Trail · Certifié
Trail des Crêtes
12 jan 2025 · 42 km · D+ 2 100m
Record ★
⏱ 01:32:47
Ultra · En cours
Ultra des Gorges
Aujourd'hui · 80 km · D+ 4 200m
LIVE
Temps écoulé
03:41:22
Card leaderboard / classement
Classement · Trail des Crêtes 42 km
1
JC
Julien C.
Trail · Certifié
01:32:47
↑ Record
2
MD
Marie D.
Trail · Certifié
01:38:04
+5:17
3
PB
Pierre B.
Trail · Certifié
01:41:58
+9:11
Cards notification / alerte
Exploit certifié
Trail des Crêtes · 01:32:47 · validé par l'équipe MKO
Il y a 2h
Validation en attente
Ultra des Gorges · soumis hier · délai 48h
En cours
Temps GPS incohérent
Marathon Alpin · écart de 4min détecté, correction requise
Nouveau badge Premium
Tu as atteint le niveau 4 · déblocage des gravures exclusives
Premium
Médaille expédiée
Réf. MKO-2025-TRL-00412 · livraison estimée dans 3 jours
Livraison
06
Contours & séparateurs
border-card — bord2 · radius 12
border-gold — rgba(gold, .25) · fond gold .04
border-live — rgba(live, .3) · fond live .06
border-ok — rgba(ok, .28) · fond ok .06
border-warn — rgba(warn, .28) · fond warn .06
border-left-gold — accent gauche 3px gold
Séparateur gold gradient
Séparateur subtil (bord2)
Séparateur section (bord)
07
Formulaires
Heures
Minutes
Secondes
Toggle off
Toggle on
08
Tableau
Tous Trail Route Ultra
Parcours Date Chrono Statut
Trail des Crêtes 12 jan 2025 01:32:47 Certifié Commander
Ultra des Gorges 3 fév 2025 04:18:22 En attente Valider
Marathon Alpin 28 mar 2025 03:04:11 Certifié Commander
09
Éléments divers
Avatar utilisateur
JC
4
julien_c
MKO-2025-TRL-00412
Icône hexagonale
Toast notification
✓ Médaille commandée
Info : Les exploits certifiés sont validés par notre équipe dans un délai de 48h. Ton numéro de série unique sera gravé sur ta médaille.