Orithye (going)

Orithye (going)

image

Table des matières

Vous avez choisi le thème Orithye

Particularités

Démo live : https://minos.minotaure.io/orithye/

Orithye est un thème original qui attire l’attention grâce à son fond de page de couleur, son Hero contenant une image ronde et les colonnes sur fond Couleur foncée. Ses couleurs et sa structure particulières lui assure une présence en ligne qui sort de l’ordinaire et qui impressionnera vos visiteurs.

Paramètres globaux

  • Le fond de page utilise la Couleur primaire
  • Le Hero a une image en rond
  • Les titres sont alignés à gauche
image
  • Les boutons ont un bord peu arrondis sans flèche
  • image
  • Les images utilisées dans les blocs sont à bords carrés
image
⚠️
On ne peut pas changer les icônes et les pictos.

Quel est le format idéal pour vos images?

  • Bloc Hero1:1
    • Centré
    • Gauche/droit
    • Arrière-plan
  • Bloc Text-image1:1
  • Blocs Colonnes5:3
  • Bloc News5:3
  • Bloc Event5:3
  • Bloc Image5:3
  • Bloc Video5:3
  • Bloc Profile1:1
  • Bloc FormN/A
  • Bloc Fact and FigureN/A

Couleurs

Orithye étant un thème coloré, 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

Conseils

💡
Conseils
  • Pour une question de contraste et de lisibilité des textes, la Couleur primaire doit être foncée et la Couleur secondaire doit être claire
  • Pour une question de contraste, nous conseillons de choisir une Couleur tertiaire vive
💡
Il est important de bien choisir les couleurs des boutons et de la navigation pour que ceux-ci restent également bien visible au survol. N’hésitez pas à faire des tests! METTRE UN VISUEL

→ Application des couleurs non customisables

💡
Ce sont les paramètres de couleurs que vous ne pouvez pas choisir à partir des réglages de Minos

Couleur Primaire

Utilisée par défaut pour la couleur du:

  • du fond de page
  • des titres

Couleur Secondaire

Utilisée par défaut pour la couleur du:

  • des titres

Couleur Tertiaire

Utilisée par défaut pour la couleur du:

  • Fond des boutons primaire
  • Label des boutons secondaire

Couleur Sombre

Utilisée par défaut pour la couleur du:

  • du Pied de page
  • du fond du bloc Formulaire
  • fond du texte - bloc Texte-Image
  • du fond des colonnes- bloc colonnes
  • du fond du bloc news
  • du fond du bloc related news

Couleur Claire

Utilisée par défaut pour la couleur du:

  • des textes

Typographies

Les polices installées ne vous inspirent pas ? Nous pouvons en rajouter une pour vous. Nous vous conseillons des Google fonts et il est toujours possible de trouver une typographie équivalente à celle de votre charte graphique.
  • 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.
    • 💡
      Vous pouvez tout à fait utiliser la même police partout ou pour deux niveaux (ex: la même sélection pour police secondaire et tertiaire).
  • 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 peu arrondis Fond plein

Capture écran

Bouton secondaire

Bords peu arrondis Fond transparent + bordure

Capture écran

Bouton tertiaire

Pas de fond

Capture écran

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.

Déclinaisons

Déclinaison Education

Lien prototype

image

Déclinaison Promotion du vélo

Lien prototype

image