🎨 IDENTITÉ VISUELLE OFFICIELLE

Brand Guide
SoftSystem97

Identité visuelle, couleurs officielles, composants UI, dark mode et règles de style.

Logo officiel

Version dark (fond sombre)

Version light (fond blanc)

Monogramme (icône app)

Couleurs officielles

Palette complète SoftSystem97 — variables CSS disponibles dans toutes les pages.

Couleurs principales

Primary Blue

--ss97-primary

Secondary Purple

--ss97-secondary

Cyan Accent

--ss97-cyan

Dark Navy

--ss97-dark

Dark 2

--ss97-dark2

Background

--ss97-bg

Couleurs de statut

Success

--ss97-success

Warning

--ss97-warning

Danger

--ss97-danger

Info

--ss97-info

Success Soft

--ss97-success-soft

Warning Soft

--ss97-warning-soft

Gradients

Hero Gradient

--ss97-grad-hero

Primary Gradient

--ss97-grad-primary

Cyan Gradient

--ss97-grad-cyan

Success Gradient

--ss97-grad-success

Typographie

Inter — Police principale

--ss97-font | Headings, body, UI, boutons

Regular 400 Medium 500 Semibold 600 Bold 700 Black 900

0x1F4A9

JetBrains Mono — Monospace

--ss97-font-mono | Code, IDs, tokens, métriques

H1 Display

font-size:2.5rem | weight:900

H2 Title

font-size:1.8rem | weight:800

H3 Section

font-size:1.3rem | weight:700

Body text normal

font-size:0.9rem | weight:400

Caption / label

font-size:0.75rem | weight:500

Composants UI

Boutons

🔒 Assistance En savoir plus Ghost btn Confirmer Supprimer

Badges

Primary ✓ Online ⚠ Warning ✖ Critique Expert Offline

Cartes métriques (KPI)

1 247

Tickets résolus

↑ +12% ce mois

99.2%

SLA respecté

↑ Excellent

4.8/5

Satisfaction

↑ +0.1 ce mois

0.8h

Délai réponse

↓ -0.2h (bon)

Dark Mode

Activé automatiquement selon les préférences système ou manuellement.

CPU Usage

67%

RAM Usage

42%

Disque

88%

Glass card (blur)

SRV-PROD-01 · Online

En ligne depuis 47 jours

⚠ Machine COMPTA-01 hors ligne depuis 2h

⚠ CPU SRV-BACKUP > 85%

Indicateurs de statut

Online

#4ade80 · pulse anim.