Couleurs, typographie, logo et composants UI de QuantumCraft Studios. À utiliser de manière cohérente sur tous les supports.
Le logo est l'élément central de l'identité visuelle. Respectez les espaces de protection et les variantes approuvées.
Toujours utiliser sur un fond uni clair ou sombre
Ne jamais déformer ou changer les proportions
Respecter un espace de protection d'au moins 16px autour du logo
Cliquez sur une couleur pour copier la valeur HEX ou le nom de classe Tailwind.
Couleurs primaires - Bleu
Bleu principal
#1D4ED8
Bleu foncé
#1E40AF
Bleu très clair
#EFF6FF
Couleurs d'accent - Orange
Orange CTA
#F97316
Orange hover
#EA580C
Orange doux
#FDBA74
Neutres - Slate
Slate 900
#0F172A
Slate 700
#334155
Slate 500
#64748B
Slate 400
#94A3B8
Slate 200
#E2E8F0
Slate 100
#F1F5F9
Blanc
#FFFFFF
Statuts - Emerald / Rose
Succès
#10B981
Succès foncé
#059669
Erreur
#F43F5E
Police unique : Manrope. Tous les poids de 400 à 800 sont utilisés selon le contexte.
Police principale : Manrope
Iconify MDI pour les icônes fonctionnelles, Tabler pour les icônes UI. Taille standard : 18–24px.
Librairie : Iconify - MDI & Tabler Icons
Exemples des composants récurrents : boutons, badges, cartes, gradients.
Boutons
Badges
Carte
Protection DDoS incluse
Infrastructure sécurisée 24/7 avec filtrage automatique des attaques.
Gradients