Styling Template - Liamvanbart1/Framez GitHub Wiki

Font

Framer Framed gebruikt Favorit Regular voor H1 elementen en Favorit minimum for kleine text, wij nemen dit over voor ons project.

Kleuren

We gebruiken de kleuren van de bibliograph als basis voor de site, door dat het zeer duidelijk is over verschillende kleuren die verschillende categorien zijn. Wij hebben deze kleuren aangepast naar een kleurenblind vriendelijke set, die ook rekening houdt met de contrastwaardes.

Het gekozen kleurenpallet, ernaast 3 gefilterde palletten voor verschillende soorten kleurenblindheid:

De gebruikte kleuren en variabelen zijn:

basiskleuren:

--color-text: #CBC6B9;
--color-background: #050100;
--color-background-secondair: #1E1E1E;

kleuren van de categorieën

--color-publication: #D55E00;
--color-person: #56B4E9;
--color-collective: #009E73;
--color-organisation: #F0E442;
--color-event: #E69F00;
--color-serie: #CC79A7;
--color-year: #56E04E;

bronnen kleur:

https://davidmathlogic.com/colorblind/#%23000000-%23FFFFFF-%23FFC107-%23004D40-%23D5B3DE (kleurenblind kleur tester)
https://coolors.co/000000-ffffff-f0cf65-d7816a-bd4f6c (kleur randomiser)
https://webaim.org/resources/contrastchecker/ (Contrast checker)

design

Ons eerste design, gebruik makend van de kleuren van de bibliograph.

home pagina detail pagina