Logo LiberaForms Logo LiberaForms

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.

Vés a l’índex

Elements gràfics

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.

Fotografia de RMS de jove tocant la flauta a una papallona posada en un servidor.

Quina coincidència!

Ítems

Logo Logo de LiberaForms.

Icona Papallona feta amb la i i la b de LiberaForms.

Tirabuixó svg 128x72px
Tirabuixó de sota la papallona.

Cor svg 120x104px
B inclinada que sembla un cor.

Somriure svg 108x60px
I inclinada que sembla mitja cara somrient.

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.

Vés a l’índex

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.

Vés a l’índex

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.

Vés a l’índex

Vés a l'índex