MyEclora

Styleguide

Référence visuelle interne — cette page sera supprimée avant la mise en production.

01

Palette

Marque

Sage

#9CAF88 · var(--sage)

Sage light

#C4D1B5 · var(--sage-light)

Sage subtle

#EDF1E7 · var(--sage-subtle)

Forest

#3A5A40 · var(--forest)

Forest hover

#2F4A34 · var(--forest-hover)

Fonds et surfaces

Cream

#FAF8F3 · var(--cream)

Surface

#FFFFFF · var(--surface)

Border

#E8E4DB · var(--border)

Texte

Ink

#2E3033 · var(--ink)

Ink muted

#6B6F73 · var(--ink-muted)

Statuts

Success

#4A7C59 · var(--success)

Warning

#C89A5B · var(--warning)

Danger

#B4574D · var(--danger)

02

Typographie

Inter (next/font). Titres en 600, corps en 400.

Display · 30px · 600

Planning de la semaine

H1 · 24px · 600

Planning de la semaine

H2 · 20px · 600

Créneaux du mardi

H3 · 16px · 600

Live de 21 h à 23 h

Body · 16px · 400

Le planning est publié chaque dimanche. Chaque liveuse confirme ses créneaux depuis son espace personnel.

Small · 14px · 400

Dernière mise à jour il y a 2 heures.

Caption · 12px · 500

Semaine du 24 août

03

Boutons

Variantes

Tailles

État désactivé

04

Champs de saisie

Indiquez une heure au format 21:00.

05

Cartes

Live du mardi soir
21 h — 23 h · Studio A

Créneau confirmé. La liveuse recevra un rappel une heure avant le début du live.

Carte simple
Surface blanche sur fond crème, bordure --border.

Conteneur par défaut pour tout contenu groupé.

06

Badges de statut

ConfirméEn attenteAnnuléBrouillon