@forgetaboutit/ui · proposition de direction

Dark tech + cyan — le design system Forget About IT

Les deux couleurs du logo deviennent le socle du système : l'anthracite #545454 engendre l'échelle de gris froids qui remplace le zinc, et le cyan #16D5FF devient la couleur primaire — réservée aux actions, à la navigation active et aux données mises en avant. Les statuts (succès, alerte, critique) restent sémantiques et ne se confondent jamais avec l'accent. Cette page utilise les tokens réels du package et respecte le thème de ton navigateur — bascule light/dark pour vérifier les deux mondes.

Aperçu — admin fait-customers

Tableau de bord

Lundi 6 juillet 2026 — tout est opérationnel
Clients actifs
12
+1 ce mois
Tickets ouverts
4
dont 1 critique
Heures du mois
37 h 30
dont 9 h facturables
MRR
4 250 €
ARR 51 000 €

Tickets récents

Tout voir
Réf.ClientObjetStatutSLA
#A4F2C1NextauraVPN site-à-site instableCritique1 h 12
#B8E304Studio MaltRenouvellement certificatEn cours6 h 40
#C1D977AlterionQuota boîte mail dépasséAttente client—
#D5A016NextauraMigration serveur de fichiersRésolu—

Forfaits — juillet

Détails
Nextaura7 h 10 / 10 h
Studio Malt4 h 45 / 5 h
Alterion8 h 20 / 8 h
Kervadec & Fils1 h 05 / 4 h

Le cyan n'apparaît que là où l'œil doit aller : l'action principale, l'entrée de navigation active, le lien. Tout le reste tient sur les gris anthracite — c'est ce contraste de rareté qui fait la signature.

Composants

Boutons
Statuts
En cours Résolu Attente client Critique
Champs

Tokens — échelles de marque

fait-cyan
50
100
200
300
400
500
600
700
800
900
950
fait-gray
50
100
200
300
400
500
600
700
800
900
950
statuts
success
warning
danger

Le 400 du cyan est le #16D5FF exact du logo ; le 600 du gris est le #545454 exact. Les applications n'utilisent jamais ces primitifs directement — elles passent par les tokens sémantiques (primary, background, muted…) définis pour les deux thèmes.