Website design
This website’s creative proccess.
Digital tools
This web was built using the Debian operating system. The logo and other images were created with Inkscape. HTML and CSS files were compiled with Eleventy.
Web and font accessibility
Basic considerations when designing accessibility and typography choices.
Accessibility
- The text is structured into headers and paragraphs.
- The letter is large with a good line height.
- Images include descriptions.
- Pages include hyperlinks to improve site navigation.
- When pages contains a lot of information, an index is prepended.
- Colours are suitably contrasted.
Fonts
Both the website and the logo use two different fonts types. A la web s’usen dos tipus de lletra i el logotip també en combina un parell. Totes quatre porten la llicència SIL Open Font License (OFL).
- Literata used for the menu and content headers is a serif typeface commissioned by Google and designed by the independent type foundry TypeTogether.
- Poppins pels paràgrafs del contingut principal i peu de pàgina. Moltes gràcies a Indian Type Foundry.
- Digitalt per les lletres “LIBERA” del logo. Moltes gràcies a gluk (Grzegorz Luk) de Gluk Fonts.
- Piscolabis per les lletres de “forms” al logo. Moltes gràcies a Ariel Martín Pérez i a Tunera Type Foundry.
Graphical elements
The letters “I” and “B” from LiberaForms have been modified to make a butterfly, an organic, lighweight and pollinating creature. When inclined, the “I” of the butterfly looks like a smile, and the “B” looks like a heart. Below the butterfly is a corkscrew that implies movement.
Header icons
The world globe used to change languages is the work of Scarlab Icons and is licensed under the MIT.
The sun and moon for theme toggling are from Feather Icons and are licensed under the MIT.
Ítems
Logo png 400x120px
Favicon svg 32px
Heart svg 120x104px
Corkscrew svg 128x72px
Smile svg 108x60px
Humanity and ecolobits
This website was made by hand and it’s source code is human readable.
Design and graphical elements are the work of Rita Barrachina.
La web usa un generador anomenat Eleventy que s’allotja a Maadix.
Pesa 917,6 kB dels quals 521,9 kB en fonts.