Copié !
Services Gaming
À Propos
Notre Histoire Charte Graphique Partenaires
Support
Tickets Discord Documentation
Espace Client →
02 — Couleurs

Palette officielle

Blanc comme couleur primaire, Cyan comme accent secondaire, déclinés sur une base de fonds sombres. Cliquer sur une couleur pour copier son code hex.


Couleurs principales

Blanc
#ffffff
Couleur primaire · CTA · Titres
Cyan
#00e5ff
Accent secondaire · IA · Data
Discord Blurple
#5865f2
Boutons Discord uniquement

Fonds & surfaces

Background
#070809
Fond principal de la page
Surface 1
#0c0e11
Cards, panneaux
Surface 2
#111418
Topbar, dropdowns
Surface 3
#161b21
Éléments inactifs

Textes & utilitaires

Gris texte
#7a8a9a
Corps de texte secondaire
Gris sombre
#35404d
Labels, séparateurs
Vert statut
#4caf50
Online, succès, uptime
Rouge erreur
#ff5252
Erreurs, crashes console

Dégradés

Gradient carte populairelinear-gradient(170deg, rgba(255,255,255,.04), #0c0e11)
Gradient CTA bannerlinear-gradient(130deg, rgba(255,255,255,.055), rgba(255,255,255,.01))
Gradient Discordlinear-gradient(120deg, rgba(88,101,242,.14), transparent)
03 — Typographie

Inter — police unique

AxoHosts utilise exclusivement Inter (Google Fonts). Aucune autre police ne doit être utilisée dans les communications officielles.


Display
900 · −0.035em
AxoHosts
H1
800 · −0.030em
Hébergeur Gaming
H2
700 · −0.020em
Services & Offres
H3
600 · 0em
Ryzen 9 9900X OC · DDR5 · NVMe Gen5
Sous-titre
500 · 0em
Du matériel haut de gamme pour des serveurs qui ne faiblissent jamais.
Corps
400 · line-h 1.7
AxoHosts est un hébergeur gaming francophone fondé par des passionnés qui voulaient un hébergeur transparent sur le matériel et honnête sur les prix.
Label
700 · 0.12em · uppercase
Services Gaming · Panel IA · Anti-DDoS
Mono
Courier New
-Xmx5G · #00e5ff · border-radius: 9px
04 — Espacement

Système d'espacement

Grille basée sur un multiple de 4px. Les valeurs ci-dessous sont les plus fréquentes dans l'interface.


4px
Espacement interne minimal — gap entre icône et texte
8px
Gap entre éléments inline — padding bouton SM
12px
Padding carte compact — gap chips
16px
Padding bouton — espacement liste
24px
Padding carte standard — gap grille dense
32px
Padding section compacte — gap entre blocs
48px
Marge entre sections
80px
Padding vertical des sections de page
05 — Rayons

Border-radius

Des coins arrondis cohérents à travers toute l'interface. Plus l'élément est grand, plus le rayon est généreux.


4px
inline badge
7px
nav link
9px
bouton, input
12px
dropdown, chip
14px
carte compacte
18px
plan card
22px
banner
28px
hero image
999px
pill, toggle
06 — Icônes

Tabler Icons

Toutes les icônes proviennent de la librairie Tabler Icons (webfont v3). Taille standard : 16–20px. Couleur : blanc ou rgba(255,255,255, .4–.7).


cpu
database
layers-diff
shield-lock
robot
brain
sparkles
activity-hb
chart-line
server-2
server-bolt
gamepad-2
discord
refresh
transfer
bolt
headset
arrow-right
login-2
package
check
plus
clock-24
gift
07 — Composants

Boutons

Trois variantes de boutons. Le bouton blanc est toujours le CTA principal. Le ghost pour les actions secondaires. Discord uniquement pour les liens Discord.


Taille standard

Taille petite

Règles : Le bouton blanc a toujours un shimmer animé au hover. Le ghost a une transition de fond et de bordure. Tous les boutons ont un border-radius: 9px, sauf les boutons pill avec border-radius: 100px. Font-weight : toujours 700.

Tags & Badges

Les tags identifient des catégories ou statuts. Les badges servent à signaler une information courte et visuelle.


Services Gaming Inclus Panel AxoHosts IA · Live Monitoring
Populaire −10% Live Erreur Avertissement

Cartes

Deux variantes : standard et "populaire". Toutes les cartes ont un shimmer animé au hover et un gradient de bordure blanc au hover.


Standard
7,04 €/mois
ou 19,00 € / trimestre
border: 1px solid rgba(255,255,255,.07)
Populaire
Populaire
7,04 €/mois
ou 19,00 € / trimestre
border: 1px solid rgba(255,255,255,.15)
08 — Voix & Ton

Comment on parle.

AxoHosts s'adresse à des gamers francophones. Le ton est direct, honnête, sans arrogance. On parle à l'utilisateur en "tu", jamais en "vous".


À faire

"Déploie ton serveur en 60 secondes. Ryzen 9 9900X OC, DDR5 5600 MHz, NVMe Gen5 — du vrai matériel, pas du marketing."

À éviter

"Profitez de nos solutions d'hébergement de pointe avec des performances optimales pour vos besoins professionnels."

À faire

"Crash ? L'IA lit la console et te donne les causes et solutions immédiatement."

À éviter

"Notre système d'intelligence artificielle analyse automatiquement les incidents et génère des rapports détaillés."

À faire

"Aucune surprise cachée. Anti-DDoS, sauvegardes, IA — tout est inclus dès le premier euro."

À éviter

"Nous vous proposons une gamme complète de fonctionnalités additionnelles incluses dans nos forfaits."

Principes de communication Tutoiement — on dit "tu", toujours. · Factuel — chiffres réels, specs réelles, pas de superlatifs vides. · Direct — phrases courtes, verbes d'action. · Honnête — on ne promet que ce qu'on tient. · Francophone — tout en français, aucun terme anglais inutile.