UI-kit
Voici le UI-kit reprenant les caractéristiques graphiques de ce projet. Ci-dessous se trouvent l'explication de toutes ces caractéristiques.
Typographie :
- Titres : Police Display (critère utilisé pour les titres) et Sérif.
- Texte et liens : Police sérif, simple (pour faciliter la lecture).
- Liens : Bold (pour mettre en évidence).
- Shadow : Met en évidence et détache du fond.
- Border : Pour faciliter la perception afin qu'on arrive plus facilement à distinguer les lettres.
- Orientation verticale : Pour amener le visiteur à aller vers le bas et donc, à visiter le site.
Couleurs :
- Blanc et Noir : Donne un contraste maximal.
- Couleur de base : Couleur ressemblant à celle des parchemins et donc, d'objets réels. Rappelle le sujet de la conférence.
- Couleur contrastée : Littéralement la couleur contrastée de la précédante.
- Violet : Sert à montrer les liens contrastés, à l'instar de la couleur par défaut.
Liens :
- Graisse : Bold (met en évidence).
- Fond : Encadre le lien afin qu'on le perçoit bien et aide à avoir un lien contrasté par rapport au fond.
Boutons/pictos :
- Fond : Le fond noir (du dark mode) représente la nuit, et le blanc le jour.
- Pictos : L'ombre les fait ressortir, comme s'ils sortaient de l'écran. Rappelle le sujet de la conférence.