Charte L214
UX & Ui
- Les boutons
- hyperliens, liens + et notes
- Les pré-footer
- Les menus
Règles d’utilisations
- Rendez-le facile à trouver et à prévoir.
- Dites aux utilisateurs ce que fait chaque bouton. Ne les faites pas deviner.
- Mettez à profit l’émotion et l’enthousiasme
- Limiter le nombre de boutons par contenu pour ne pas perdre l'utilisateur
Sur L214.com
Contain
background-color;#F89B12;
border-radius: 3px;
box-shadow: 0px 0px 14px 0px rgba(197, 197, 197, 0.82);
Bouton simple
Bouton avec icone
Bouton simple
Bouton avec icone
Bouton simple
Bouton avec icone
Outline
background-color;transparent; color:#212121; OR color:#FFF; border;solid 2px #F89B12; border-radius: 3px; box-shadow: 0px 0px 14px 0px rgba(197, 197, 197, 0.82);
Bouton simple
Bouton avec icone
Bouton simple
Bouton avec icone
Bouton simple
Bouton avec icone
Sur nos emails
Les ombres n’étant pas fonctionnelle sur gmail, il est vivement recommander d’ajouter une flèche dans le contenu du bouton, pour aider à la compréhension du bouton.