Studio Mohand
Personnalité
de marque
Schéma
de couleurs
Couleurs primaires
Sérieux, Clarté, Simplicité, Dynamisme, Enthousiasme
Couleurs Complémentaires
Dynamisme, Espoir, Motiviation
Thème principal
Balance entre sérieux, clarté, simplicité et dynamisme.
Typographie
Main font - Helvetica Neue
Sans Serif - Sérieuse et classique - Lisibilité simple - Multiple graisses - Grande flexibilité
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Typo Alternative - à définir
Serif - Classic - Easy readibility - Restricted usage : block-quotes, specific needs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque posuere arcu ut eleifend. Donec auctor sagittis lectus, eu lobortis mi pulvinar quis.
Praesent sed sapien elit. Vivamus eget nisl at augue consequat maximus gravida eget dui. Nulla facilisi. Curabitur quis lectus libero. Nam nunc sapien, egestas a feugiat et, lobortis sit amet erat.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
Testimonial
OUTILS
Bouton
Deux supports principaux, l'un pour la lisibilité et la simplicité d'intégration quel que soit le support, l'autre pour apporter de la flexibilité et de la variation.
Medias
Le focus est porté sur le personnage mais également les sujets (peinture / miniatures)
Cette vidéo en background a reçu un filtre de 90% d'orange pour mettre en avant au maximum la lisibilité du contenu.
Utilisation des colonnes
Les principaux breakpoints se feront sur un modèle de 4 colonnes / 3 colonnes, puis 2 colonnes avec un différent % de largeur maximale.
Pour les pages génériques, nous essaierons d'éviter plus de 4 colonnes, pour faciliter l'intégration pour les mobiles et ne pas engendrer d'erreurs de design.
Il est très important de laisser de l'espace entre chaque colonnes afin d'aérer proprement les sections et de démarquer les éléments.
4 Columns
20px de margin entre les colonnes
20px de padding à l'intérieur d'une colonne.
20px de padding à l'intérieur d'une colonne.
3 Columns
20px de margin entre les colonnes
20px de padding à l'intérieur d'une colonne.
20px de padding à l'intérieur d'une colonne.
2 Columns
20px de margin entre les colonnes
20px de padding à l'intérieur d'une colonne.
20px de padding à l'intérieur d'une colonne.