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
