Live : Musique Non-Stop 🎙 Podcasts
Uptown Girl
Billy Joel
v1.0.0 — RadioCMS

Design
System

Tous les composants, tokens et patterns visuels du CMS radio. Personnalisable depuis le panel admin.

01 — Palette & Personnalisation
⚙️ Ces couleurs sont stockées dans les variables CSS et modifiables en temps réel depuis le panel admin.
Aperçu du dégradé header →
Primary
--color-primary
Primary dark
--color-primary-dark
Secondary
--color-secondary
Accent
--color-accent
Bg page
--bg-page
Bg dark
--bg-dark
Texte
--text-primary
Texte 2
--text-secondary
Live / Alerte
#FF4B4B
02 — Typographie
Police display : Barlow Condensed — pour tous les titres, nav, badges. Corps de texte : Barlow.
Hero — 64px Bold Italic Uppercase
La Bretagne en musique !
H1 — 42px Bold Italic Uppercase
Titres Diffusés Ce Soir
H2 — 28px Bold Uppercase
En Ce Moment Sur L'Antenne
Section title — 22px ExtraBold Uppercase
Grille des Programmes
Label — 11px Bold, letter-spacing 3px
Musique · Actualités · Sport
Body — 15px Regular
La radio digitale vous accompagne 24h/24 avec les meilleurs titres et une programmation variée.
Caption — 12px
Publié le 19 mars 2026 à 14h30 · 3 min de lecture
03 — Boutons & Actions
Antenne
04 — Cards & Contenus
Titres Diffusés
21h11
Daysy Feat Joseph Kamel
Par Coeur
21h07
Berlin
Take My Breath Away
21h03
Pascal Obispo
Fan
Actualités
Actualité locale
La Bretagne et les Pays de la Loire Plus Touchés
19 mars 2026
Musique
Le Hit-Parade De La Semaine est Dévoilé
19 mars 2026
Programmes & En ce moment
Le Morning
07h00 – 10h00
Le Morning Show
Musique
Non-Stop
00h00 – 04h00
Musique Non-Stop
MUSIQUE
NON-STOP
0h00 – 4h00
Musique non-stop
05 — Player Audio Complet
Le player flottant/expandable avec contrôles, barre de progression et volume.
🎵
Uptown Girl
Billy Joel · 1983
1:24 3:59
🔈 🔊
06 — Grille des Programmes
07h00
Le Morning Show
avec Marie Dupont
En direct
10h00
La Matinale Music
avec Jean Martin
12h00
Le Journal de Midi
Infos & Actualités
14h00
L'Après-Midi
avec Sophie Laurent
18h00
La Soirée
Les meilleurs titres
07 — Formulaires & Inputs (Panel Admin)
Actif
Live
08 — Espacements & Rayons
xs
4px
sm
8px
md
16px
lg
24px
xl
40px
2xl
64px
sm
md
lg
pill
RadioCMS Design System — v1.0.0
Tous droits réservés · Personnalisable depuis le panel admin