Kit de marca i identitat visual
Recursos gràfics oficials, logotips i isotip d'alta resolució, paleta de colors auditable i regles d'ús per a col·laboracions, premsa i comunicació tècnica.
Logotips i isotip oficials "jaume.www"
Logotip i isotip grocs
Logotip complet «jaume.www» (LOGO-01) i isotip d’accent amb somriure i ulls XX (LOGO-02).
Logotip i isotip foscos
Traç blanc d'alt contrast sobre fons obsidiana per a terminals i entorns foscos (LOGO-03 i LOGO-04).
Paleta cromàtica oficial i contrast
Groc Corporatiu (Brand Yellow)
16.5:1 sobre fosc (AAA)Identitat oficial 'jaume.www', isotip principal i accents d'alt impacte
Índigo Primari
8.5:1 (WCAG AAA)Identitat de marca, enllaços clau i focus d'atenció
Cian Tecnològic
4.7:1 (WCAG AA)Nodes de dades, accents d'enginyeria i gradients
Pissarra Tech (Deep Slate)
16.1:1 (WCAG AAA)Tipografia principal, superfícies de codi i terminals
Verd Maragda (Success)
4.6:1 (WCAG AA)Estat en línia, fites verificades i tests superats
Superfície Suau (Slate-50)
Base neutraFons del lloc web en mode clar permanent
Sistema tipogràfic
Bricolage Grotesque
Font variable de caràcter contemporani, proporcions humanistes i traços angulats que transmeten personalitat i rigor d'enginyeria.
Inter & JetBrains Mono
Inter per a cossos de text i paràgrafs d'alta densitat de lectura. Fonts monoespaiades del sistema per a mètriques, dades i codi.
Kit de Memojis contextuals
| Il·lustració | Posició i significat | Àmbit d'ús | Mida recomanada | Text alternatiu (A11y) |
|---|---|---|---|---|
 | Salutació & Benvinguda | Pàgina de contacte, missatgeria i targeta digital /card | 112px - 144px | Memoji de Jaume Tur saludant amb la mà |
 | Programador en Acció | Hero de projectes, secció d'habilitats i càrrega | 128px - 180px | Memoji de Jaume Tur treballant amb el portàtil |
 | Somriure de Perfil | Capçalera Hero principal sobre la targeta de codi | 160px - 320px | Memoji de Jaume Tur somrient |
 | Pàgina No Trobada (404) | Pàgina d'error 404 i continguts no localitzats | 128px | Memoji de Jaume Tur cercant la pàgina desconcertat |
 | Analista Tècnic & Docència | Blog tècnic, articles d'enginyeria i documentació | 96px - 128px | Memoji de Jaume Tur amb ulleres explicant un concepte |
 | Aprovació & Fita Superada | Proves superades, subscripció i confirmació de formulari | 96px - 128px | Memoji de Jaume Tur amb el polze amunt |
Regla d'or: iconografia estandarditzada vs. emojis
A tot el lloc web de jaumetur.es s'aplica una política estricta de zero emojis Unicode en elements d'interfície, botons, mètriques i navegació. La iconografia es resol exclusivament mitjançant vectors SVG estandarditzats de Boxicons i Simple Icons per les raons tècniques següents:
- 1. Consistència entre sistemes operatius:Els mateixos glifs a iOS, Android, macOS, Windows i Linux.
- 2. Control del contrast WCAG:Els colors dels vectors s'ajusten exactament per a complir AA/AAA.
- 3. Semàntica i lector de pantalla:Suport natiu de l’atribut aria-hidden="true" sense lectures molestes.