Introduction
Ce design system documente l'ensemble des composants, styles et patterns développés pour AlloBalkans, plateforme éditoriale dédiée à la découverte des pays des Balkans.
Couleurs
Palette sombre élégante avec accents dorés chauds évoquant le patrimoine culturel des Balkans
Typographie
Système typographique dual : Work Sans pour les titres (impact visuel) et Segoe UI pour le contenu (lisibilité)
Composants
Bibliothèque des composants UI développés pour le projet
Carousel Pays des Balkans
Carrousel horizontal des 11 pays des Balkans avec navigation par flèches, drag & drop et effet zoom au hover. Chaque slide mène vers la catégorie du pays concerné.
Navigation avec Mega Menu
Header avec mega menu déroulant, sous-menus animés et effet glassmorphism. Barre de recherche intégrée et menu burger responsive pour mobile.
Cards Articles Grid
Grille de cards articles avec image, catégorie badge et titre. Effet hover avec scale et glow néon. Responsive en 3/2/1 colonnes selon l'écran.
Carte Interactive des Balkans
Carte SVG interactive des Balkans avec double navigation : sélection directe sur la carte ou via menu déroulant. Hover states sur les pays avec tooltips et redirections vers les catégories correspondantes.
Footer Newsletter
Footer avec formulaire newsletter, liens réseaux sociaux et mentions légales. Design épuré avec effets néon sur les inputs et boutons.
Fonctionnalités
Fonctionnalités clés développées pour une expérience éditoriale optimale
Système de Blog WordPress
Plateforme de publication complète avec éditeur Gutenberg personnalisé, gestion d'articles par catégories (11 pays + Voyage + Gastronomie), tags personnalisés et système de recherche avancé. Interface d'administration optimisée pour la création de contenu.
Navigation et Filtrage Catégories
Système de catégorisation avancé permettant de filtrer les articles par pays des Balkans, thématiques (voyage, gastronomie, culture) et tags. Mega menu interactif avec aperçu des catégories et compteur d'articles par section.
SEO et Performance
Optimisation SEO complète avec meta descriptions dynamiques, sitemap XML automatique, schema markup pour les articles, lazy loading des images et cache côté serveur. Temps de chargement optimisé pour une expérience utilisateur fluide.
Écrans
Aperçus des interfaces desktop et mobile
Performance
Métriques de performance et optimisations techniques
