Table des matières
- Vous avez choisi le thème Poseidon
- Ses particularités
- Ses paramètres globaux
- Quel est le format idéal pour vos images?
- Couleurs
- → Application des couleurs non customisables
- Footer
- Typographies
- Boutons
- Navbar
Vous avez choisi le thème Poseidon
Ses particularités
Démo live : https://minos.minotaure.io/poseidon/
Pour les amoureux des couleurs vives ou du dark mode, Poséidon est un thème créatif et récréatif. Très tendance, il a un grand attrait visuel grâce à ses couleurs, ses arrondis et ses illustrations.
Ses paramètres globaux
- Les titres et contenus des descriptions et le texte dans le bloc Hero (avec image centrée) sont alignés au centre par défaut
- Le fond de page utilise la couleur Claire
- Les images utilisées dans les blocs sont à bords arrondis
Quel est le format idéal pour vos images?
- Bloc Hero
- Centré → 4:3
- Gauche/droit → 4:3
- Arrière-plan → 5:2
- Bloc Text-image → 1:1
- Bloc Colonnes → 3:2
- Bloc News → 3:2
- Bloc Event → 3:2
- Bloc Image → 3:2
- Bloc Video → 16:9
- Bloc Profile → 1:1
- Bloc Form → N/A
- Bloc Fact and Figure → N/A
Couleurs
Concernant le choix de couleur, le contraste doit rester important entre la couleur des titres et textes et la couleur de fond afin de garantir la meilleure lisibilité. Certaines combinaison de couleur “texte-fond” sont a éviter: exemples → du vert et du rouge, du jaune et du blanc, etc. N’hésitez pas à faire des tests!! Voici un outil pour vérifier le contraste
- Nous conseillons pour le texte et les titres d’utiliser une couleur sombre si les réglages derrière la variable de couleurs primaire est claire afin de garder un contraste assez important pour avoir une bonne lisibilité des textes.
→ Application des couleurs non customisables
Couleur Primaire
Utilisée par défaut pour la couleur du:
- l’arrière-plan du bloc Events
- l’arrière-plan de la page d’un évènement
- cadre du bloc Text-Image impair
- l’arrière-plan du menu-off canvas
Couleur Secondaire
Utilisée par défaut pour la couleur du:
- l’arrière plan des blocs Formulaire et Editeur
- cadre du bloc Text-Image pair
Couleur Tertiaire
Utilisée par défaut pour la couleur du:
- Cadre du bloc Colonnes
- l’arrière-plan du bloc Image
- l’arrière-plan de la page d’un article
Couleur Sombre
Utilisée par défaut pour la couleur du:
- l’arrière-plan du Pied de page
- des icons du bloc Profil
- du background de la barre de navigation du haut (upper menu)
- du background des sous-menus dans la barre de navigation upper et down
Couleur Claire
Utilisée par défaut pour la couleur du:
- Le fond du site
- du background de la barre de navigation du bas (down menu)
- du texte du Pied de Page
Footer
Les couleurs des éléments et d’arrière-plan du footer sont également customizables: pour plus de renseignements voir comment changer les couleurs des éléments du footer
Il y a 2 variables de couleurs utilisées par défaut dans le footer
- La couleur Claire pour les éléments pour les titres et les menus même lorsque suvolés (menus, contact info et réseaux sociaux)
- La couleur Sombre pour l’arrière-plan
Typographies
- Vous pouvez choisir jusqu’à 3 polices différentes pour l’ensemble des textes de votre site.
- Nous vous conseillons d’utiliser la police principale pour les titres
- Nous vous conseillons d’utiliser la police secondaire pour les paragraphes, liens et la navigation. Celle-ci sera de préférence classique pour favoriser la lisibilité des textes.
- La police tertiaire s’applique par défaut aux citations, aux catégories, et au titre du Pied de page.
- Pour une bonne utilisation de la hiérarchie des titres, nous vous conseillons d’utiliser uniquement le style H1 pour le titre du premier bloc de chaque page. Les titres des autres blocs utilisent alors le style H2. (cf. Conseils à la rédaction)
- Pour le menu secondaire, le texte prendra en compte le réglages de la police du menu principal (cf. Attribution de la police et des couleurs aux différents éléments), à l’exception des paramètres suivants: - la taille du texte est de 12px - le texte est en majuscule
Boutons
Trois niveaux de boutons ne signifie pas seulement 3 esthétiques différentes, mais surtout 3 niveaux d'importance. En savoir plus sur les boutons
Bouton primaire Bords arrondis Fond plein
capture
Bouton secondaire Bords arrondis Fond transparent + bordure
capture
Bouton tertiaire Pas de fond
capture
Navbar
Nous vous conseillons d’utiliser en priorité la barre de navigation du bas pour contenir votre menu principal (ainsi que le menu Boutons et le sélecteur de langues). Voir plus d’informations sur la gestion des menus et l’affichage des menus dans le Header.