Couleurs Principales
Palette de couleurs officielle AK-Solutions
Couleur Primaire – Bleu Électrique
Principal
#007FFF
RGB: 0, 127, 255
Foncé
#0059B2
Très foncé
#003366
Pour les titres
Clair
#CCE5FF
Couleur Secondaire – Orange Foncé
Principal
#FF8C00
RGB: 255, 140, 0
Foncé
#D97700
Clair
#FFE0B2
Couleurs de Texte
Couleur: #FFFFFF
Couleur: #FFFFFF
Couleur: #212529
Couleur: #F8F9FA
Couleur: #6c757d
Typographie
Système typographique Nunito
Police Principale
Famille : 'Nunito', sans-serif
Fallbacks :
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serifPoids disponibles
Hiérarchie des Titres
Titre H1 - Poids 700
Titre H2 - Poids 700
Titre H3 - Poids 700
Titre H4 - Poids 700
Titre H5 - Poids 700
Titre H6 - Poids 700
Display-4 - Poids 800
Texte Lead - Poids 400
Texte standard - Poids 400
Espacement & Rayons
Système de design cohérent
Système d'Espacement
--space-s: 8px
--space-m: 16px
--space-l: 24px
--space-xl: 32px
Système de Rayons
--radius-s: 8px
--radius-m: 12px
--radius-l: 24px
--radius-xl: 48px
Système d'Ombres
0px 0px 8px 2px rgba(0, 0, 0, .10)
0px 0px 16px 4px rgba(0, 0, 0, .10)
Composants Spécifiques
Éléments UI de la charte graphique
Boutons
Boutons Principaux
Spécifications
- Principal : Fond orange #FF8C00
- Outline : Bordure bleue #007FFF
- Hauteur min : 52px
- Rayon : 48px
- Transition : 0.3s ease
Cartes de Services
Développement Web
Solutions web modernes et performantes adaptées à vos besoins spécifiques.
Applications Mobile
Applications natives et hybrides pour iOS et Android avec une expérience utilisateur optimale.
Solutions Cloud
Infrastructure cloud sécurisée et scalable pour accompagner votre croissance.
Navigation
Témoignages (Style Google)
Marie Dubois
"Excellent service, très professionnel et réactif. L'équipe AK-Solutions a su comprendre nos besoins et livrer une solution parfaite."
Jean Martin
"Une équipe technique exceptionnelle ! Notre application mobile a dépassé toutes nos attentes. Je recommande vivement AK-Solutions."
Icônes Bootstrap
https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css
bi-gear
bi-phone
bi-cloud
bi-shield-check
bi-lightning
bi-heart
Design Responsive
Breakpoints et adaptabilité
Mobile
< 576px
Design mobile-first avec navigation simplifiée
Tablette
≥ 768px
Adaptation pour écrans moyens
Desktop
≥ 992px
Expérience desktop complète
Large
≥ 1200px
Grands écrans et 4K
Système de Grille Bootstrap
Guide d'Utilisation
Comment implémenter cette charte graphique
Intégration CSS
/* Variables CSS */
:root {
--primary-blue: #007FFF;
--secondary-orange: #FF8C00;
--font-family: 'Nunito', sans-serif;
}
/* Utilisation */
.btn-primary-custom {
background: var(--secondary-orange);
color: white;
}Classes Bootstrap
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
Contenu
</div>
</div>
</div>
</div>
</div>