SonCrush Styleguide Design System Luxe

Couleurs

Palette de marque : rose premium, or métallique, noirs profonds, sémantique.

--sc-rose
#FF3E7F
--sc-rose-deep
#E62E6B
--sc-rose-soft
#FF7DA9
--sc-gold
#D4AF37
--sc-gold-light
#F0D77B
--sc-gold-deep
#B8942A
--sc-black
#0D0D0F
--sc-black-2
#141418
--sc-black-3
#1C1C22
--sc-success
#34C77B
--sc-danger
#FF4D4D
--sc-info
#4DA3FF
--grad-crush
--grad-gold

Typographie

Titres « Fraunces », corps « Inter ». Échelle 12→48.

Trouvez votre Crush
Titre de page 36px
Sous-titre 28px
Section 22px

Corps 16px — Inter, lisible et moderne. Les chiffres tabulaires : 1 234 567.

Texte secondaire 14px en gris.

Boutons

Pill, glossy, glow au survol, scale au clic.

Champs de formulaire

Fond sombre, focus rose, label flottant, erreur avec micro-shake, switch iOS.

Adresse e-mail invalide.
Notifications activées

Chips & badges

Voyages Afrobeats Intérêt commun Certifiés uniquement
Gold Platinum En ligne

Card profil & actions de swipe

Anneau de compatibilité animé, dégradé bas, boutons d'action.

0%
Fatou, 24
À 5 km · Abidjan
DanseCinéFoodie

Skeletons

Shimmer sombre — jamais de spinner plein écran.

Toasts & modals

Navigation

Bottom nav (mobile) visible en bas de cette page si < 1024px. Sidebar (desktop) ci-dessous.