Disseny de la web
Procés creatiu d’aquesta pàgina web.
Accessibilitat web i fonts
Mesures bàsiques per una millor accessibilitat i tria de fonts tipogràfiques.
Accessibilitat
- S’estructura el text en capçaleres i paràgrafs.
- S’usa lletra grossa amb un bon interlineat.
- Les imatges porten descripció en text.
- A cada pàgina hi ha enllaços per millorar la navegació.
- Quan hi ha molta informació s’afegeix un índex.
- Els colors tenen contrast.
Fonts
Aquesta pàgina web usa la font Luciole, llicenciada sota CC BY 4.0. El logo s’ha creat amb les fonts Digitalt i Piscolabis, ambdues sota llicència SIL Open Font License (OFL).
- Luciole està desenvolupada explícitament per a persones amb discapacitat visual. Gràcies al Centre Tècnic Regional per a la Discapacitat Visual i typographies.fr.
- Digitalt per les lletres “LIBERA” del logo. Gràcies gluk (Grzegorz Luk), de Gluk Fonts.
- Piscolabis per les lletres de “forms” al logo. Gràcies Ariel Martín Pérez, de Tunera Type Foundry.
Elements gràfics
El logo
S’han modificat les lletres “I” i “B” per formar una papallona, criatura orgànica, lleugera i polinitzadora. Sota la papallona hi ha un tirabuixó que dóna moviment.
La “I” de la papallona, si s’inclina, sembla un somriure; la “B” inclinada sembla un cor.
Una curiositat per geeks.
Després de dissenyar el logo ens vam adonar que ja havíem vist aquesta papallona abans.
Quina coincidència!
Ítems
Logo
Icona
Tirabuixó svg 128x72px
Cor svg 120x104px
Somriure svg 108x60px
Totes les imatges están disponibles a la forja.
Altres icones
La bola del món pels idiomes és obra de Scarlab Icons i té llicència MIT.
Altres icones són obra de Feather Icons, també amb llicència MIT.
Humanitat i ecolobits
El disseny i elements gràfics són obra de Rita Barrachina, i la web s’allotja a Maadix.
La pàgina s’ha creat a mà i el seu codi font és humanament llegible.
Ecolobits
Internet consumeix energia i cada Bit compta. Hem fet l’esforç de mantenir aquesta web petita i lleugera.
Eines digitals
En un sistema operatiu Debian s’ha usat Inkscape per crear el logo i els elements gràfics. Els fitxers HTML i CSS es compilen amb Eleventy.