Brand Kit
HOSTWARE Brand.
Logos, couleurs, typographie — tout ce qu'il faut pour utiliser l'identité HOSTWARE correctement.
Logo
Variantes
Utilisez toujours la variante avec le meilleur contraste sur le fond concerné.
Violet sans fond .png
Noir sans fond .png
Blanc sans fond .png
Blanc sur bleu .png
Bleu sur blanc .png
Sketch / Outline .png
Bannière
Pour les partenariats, publicités et co-marketing — utilisez cette bannière officielle.
À faire
- Utiliser le logo sur fond uni clair ou sombre
- Respecter la zone de protection (padding minimum = hauteur du logo × 0.25)
- Utiliser la variante avec fond quand possible
À éviter
- Déformer, étirer ou pivoter le logo
- Changer les couleurs du logo
- Ajouter des ombres ou effets
- Placer sur un fond trop proche en teinte
Couleurs
Palette
Toutes les couleurs sont définies en variables CSS et classes Tailwind.
Marque
Brand
#5b4bff
Brand 600
#4a3ce6
Brand 400
#8a7dff
Brand 100
#e8e4ff
Accents
Sun
#ffd447
Mint
#2fc38a
Coral
#ff6b4a
Fonds
Paper
#fbfaf6
Cream
#f6f4ef
Bone
#efebe2
Panel
#14151a
Encre
Ink 900
#0e0f11
Ink 700
#2a2d33
Ink 500
#5f6168
Ink 400
#8c8f97
Ink 300
#b4b7bd
Ink 200
#d7d9de
Typographie
Polices
4 familles de polices pour couvrir tous les contextes d'usage.
Display — titres hero, headlines
--font-display
400600700800
L'hébergement qui vous fait oublier qu'il existe.
Rethink Sans
Sans — body, UI, labels
--font-sans
400600700800
Gaming, VPS, Web, VoIP — déployés en 30 secondes.
Plus Jakarta Sans
Serif italique — accents éditoriaux
--font-serif
400 italic
Simple à prendre en main. Puissant en dessous.
Instrument Serif
Design tokens
Variables CSS
global.css — :root
--color-brand : #5b4bff ;
--color-sun : #ffd447 ;
--color-mint : #2fc38a ;
--color-coral : #ff6b4a ;
--color-paper : #fbfaf6 ;
--color-cream : #f6f4ef ;
--color-bone : #efebe2 ;
--color-panel : #14151a ;
--color-ink-900 : #0e0f11 ;
--color-ink-500 : #5f6168 ;
--font-display : "Rethink Sans" ;
--font-sans : "Plus Jakarta Sans" ;
--font-serif : "Instrument Serif" ;
--font-mono : "JetBrains Mono" ;