Ino

Ino

image

Table des matières

Particularités

Grace à son design à touches colorées mais sobre, Ino vous permet de créer un site web soigné et attrayant. Ses images à bords carrée et son alternance de couleurs de fond en font un choix idéal pour un site fonctionnel, esthétique avec sa touche d’originalité. Ce thème est particulièrement adapté pour une agence ou une institution

Paramètres globaux

  • Les titres sont centrés
  • Succession des sections avec alternance des couleurs de fond (couleur tertiary et light).
  • Les boutons ont un bord peu arrondis (3 px), avec flèche
  • image
  • Les images utilisées dans les widgets sont à bords carrés
  • image
  • Bouton primaire : flèche à droite / à bords arrondis (3px) / BG = primary color + Font = dark color
  • Bouton secondaire : flèche à droite / bords arrondis (3px) / BG = fond transparent + Font = dark color
  • Bouton tertiaire : flèche à droite / Font = primary color
  • Le Hero a une image à bord carré
  • Les icônes et pictos sont inéchangeables
  • Le fond de page (body) utilise la color Light

Application des variables de couleurs inhérentes au thème

💡
Par défaut non customizable à partir des réglages de Minos

Primary color

Utilisée par défaut pour la couleur:

  • de l’upper menu
  • du background des sous-menus
  • du background du widget Form
  • du Footer
  • Background du bouton Primary
  • Du label du bouton Tertiary

Secondary color

Utilisée par défaut pour la couleur:

  • du fond des widget pairs

Tertiary color

Utilisée par défaut pour la couleur:

  • ??????

Dark color

Utilisée par défaut pour la couleur:

  • des titres
  • des textes
  • du label + flèche des boutons Primary
  • du label et de la bordure des boutons Secondary
  • du fond de la légende (Widget Image)
  • des icônes

Light color

Utilisée par défaut pour la couleur:

  • du fond des widget impairs

Conseils

  • Succession des sections avec alternance des couleurs de fond (couleur tertiary et light). Pour cette raison, il est conseillé que ces deux couleurs aient des teintes très proches l’une de l’autre pour envisager une alternance agréable visuellement. Il est néanmoins possible de jouer avec les “compositions” de Minos pour changer localement cette logique.
  • Le texte prenant la ‘Dark Color’, nous conseillons d’utiliser une Tertiary color & Light color claires afin de garder un contraste assez important pour avoir une bonne lisibilité des textes
  • Pour une question de contraste, nous conseillons de choisir une Primary color vive

Déclinaisons

Déclinaison Institution

image

Déclinaison Agence

image