Per a la realització d’aquesta tasca, he dissenyat un full d’estils CSS que defineix la identitat visual de la nostra LAN Party, buscant un equilibri entre una estètica gamer i una bona experiència d’usuari (UX).
Paleta de colors d’alt contrast: He seleccionat un blau marí elèctric (#001f3f) per al fons general de la web, ja que transmet professionalitat i tecnologia. Per als títols, he fet servir un groc neó (#ccff00) amb un efecte de resplendor (text-shadow), assegurant que la informació important destaqui immediatament i sigui fàcil de trobar.
Llegibilitat: Soc conscient que el text negre sobre blau fosc no es llegeix bé. Per això, he implementat caixes de contingut amb un fons blanc semitransparent (rgba). Això em permet mantenir el disseny fosc de la web, però garantint que el text normal en negre sigui 100% llegible per als participants.
Detalls de marca (Accents de neó): Per mantenir la coherència amb el logotip de la LAN Party, he creat classes decoratives fent servir lila, verd i vermell neó. Aquests colors s’apliquen en línies separadores i vores per guiar la vista de l’usuari i donar dinamisme a la pàgina.
Per aconsegir el fixer CSS he seguit els seguent passos.
Com encara no domino els comps de CSS i HTML li he dit a la IA que m’ajudes a crear-lo. El que he fet és donarli l’enllaç del Google Sites que ja tenia creat perque veies l’estil del lloc web. Una vegada l’ha vist li he demanat que em fes un fitxer CSS, quan me l¡ha donat, he obert VS Code, l’he enganxat i he guardat el fitxer.
Aquest és el prompt que he utilitzat:
Actua com un expert en disseny web i programació CSS. T'adjunto l'enllaç de la meva web de Google Sites de la LAN Party: https://sites.google.com/inscastellbisbal.net/lan-party-2026/p%C3%A0gina-dinici.
La meva missió és complir la tasca 'Estil corporatiu' de la rúbrica del cicle SMX per treure un PRO+. Necessito que facis el següent:
Analitza visualment la web de l'enllaç (colors de fons, tipografies actuals i logotip).
Genera un codi CSS que millori l'estètica actual seguint una línia Gamer.
Usa colors específics: Vull que els títols siguin Groc Neo, el fons sigui Blau Marí Electric i hi hagi detalls en Verd, Vermell i Lila.
Prepara la Justificació Tècnica: Escriu un paràgraf per a la rúbrica explicant per què aquest CSS és professional, esmentant el contrast, la llegibilitat i la identitat visual.
Proposa'm el codi llest per copiar i incrustar.
Aquest és el fitxer una vegada desat.
Deixa un comentari