En aquest repte s’ha definit i aplicat la jerarquia tipogràfica del lloc web en WordPress, seleccionant fonts que garanteixin una òptima llegibilitat, coherència visual amb la imatge corporativa del projecte i una estructura clara per a l’usuari.
1. Justificació de les Tipografies Triades
Per construir la identitat visual de la web s’han combinat dues tipografies principals seguint criteris de disseny i llegibilitat:
Tipografia per a Capçaleres i Títols (H1, H2, H3): Montserrat / Poppins
- Criteri de llegibilitat i jerarquia: És una font Sans-Serif (sense remats) de traç geometric i fort pes visual. Permet captar l’atenció de l’usuari immediatament i estructurar les seccions de forma clara.
Coherència corporativa: Transmet modernitat, tecnologia i professionalitat, valors fonamentals per a un projecte de l’àmbit de SMIX.
Tipografia per al Cos de Text (Paràgrafs i Llistes): Roboto / Open Sans
- Criteri de llegibilitat: Font Sans-Serif altament optimitzada per a pantalles d’ordinador i dispositius mòbils. El seu interlineat i espaiat entre lletres faciliten la lectura de textos llargs sense fatigar la vista.
- Coherència corporativa: Manté una línia neta i neutra que complementa perfectament la força dels títols sense competir-hi.
Explicació de la combinació: La unió d’una font amb personalitat per als títols i una font neutra per al text crea un contrast visual que dona una jerarquia d’informació intuïtiva per al lector.
2. Aplicació i Implementació al Lloc Web (Implementació – 10 pts)
Les tipografies s’han aplicat de manera global a tot el lloc web mitjançant el personalitzador del tema de WordPress (Aparença > Personalitza > Tipografia) o mitjançant regles CSS globals:
Configuració global: S’ha assegurat que tots els articles, pàgines i menús mantinguin el mateix estil tipogràfic per evitar inconsistencies.
scala tipogràfica: S’han definit mides proporcionals (ex: H1 a 32px, H2 a 24px, cos de text a 16px) per garantir l’adaptabilitat (Responsive Design) en mòbils i tauletes.
3. Evidències de Funcionament i Visualització (Evidències – 10 pts)
S’ha verificat la correcta visualització de les fonts en diferents seccions de la web pública:
Comprovació de la jerarquia visual entre títols, subtítols i paràgrafs.
Verificació del contrast de color entre el text i el fons per complir els estàndards d’accessibilitat web.
onclusió
La selecció i combinació tipogràfica utilitzada reforça la imatge corporativa de la web, millora l’experiència d’usuari i garanteix una lectura fluida i estructurada a tots els dispositius.
