Corporate Style – Justification
Branding i temàtica
Objectiu del treball: “L’objectiu principal d’aquest projecte és demostrar la capacitat d’estructurar contingut web de manera professional, separant totalment la informació (HTML) de l’aparença visual (CSS). He buscat crear una pàgina neta, clara i funcional que segueixi els estàndards actuals.”
Elecció de l’estructura (Tickets/Tags):
“He utilitzat etiquetes semàntiques d’HTML5 com <header>, <main>, <section> i <footer>. He escollit aquesta estructura perquè ajuda els motors de cerca a entendre la jerarquia de la informació i millora l’accessibilitat per a usuaris amb diversitat funcional.”
Descripció del disseny:
Per aquest projecte, he creat una identitat visual d’estil “Gamer” utilitzant una paleta de colors neó (Blau, Rosa i Porpra) sobre un fons fosc. Aquesta elecció no és només estètica; està pensada per a la usabilitat en entorns amb poca llum, facilitant la lectura i reduint la fatiga visual.
Tècnicament, he separat l’estructura del disseny: he utilitzat un fitxer HTML per definir els continguts (títols, seccions i paràgrafs) i un fitxer CSS independent per controlar tota l’aparença visual (colors neó, fons i tipografies). Aquesta separació permet que el codi sigui més net i fàcil de mantenir.
Elecció de colors (neó i fons fosc)
S’han utilitzat colors neó com el blau, el porpra i el rosa perquè criden l’atenció i són propis de l’estètica gamer, molt present en esdeveniments LAN, esports electrònics i il·luminació RGB.
Des del punt de vista de la psicologia del color:
El blau transmet tecnologia i confiança
El porpra aporta creativitat i sensació futurista
El rosa neó reforça l’energia i el dinamisme
El rosa neó reforça l’energia i el dinamisme
Ús del CSS
Add El CSS permet separar el contingut del disseny, facilitant una estètica coherent a tot el web, un manteniment més senzill i una imatge professional alineada amb la temàtica de la LAN Party.
Heading Text Here
Implementació del CSS
Technical Implementation: HTML5 and CSS3 Source Code
Per a la creació d’aquesta pàgina, he estructurat el contingut utilitzant etiquetes (tags) d’HTML5 per definir cada secció (header, main, section i footer). El disseny visual s’ha gestionat mitjançant un fitxer CSS extern, que controla els estils, les mides de lletra i els colors.
Tècnica:
He utilitzat un full d’estils CSS extern (mitjançant el Personalitzador de WordPress) per aplicar efectes que Elementor Free no permet, com el clip-path per a botons geomètrics i efectes de resplendor (glow) en el hover per millorar el feedback visual.
Evidències (documentació)
“Estat inicial del lloc web sense estils personalitzats (Disseny estàndard)
CResultat final amb el CSS aplicat: colors neó, fons fosc i tipografies gamer
Codi CSS implementat al menú de ‘Personalitza
Codi CSS
