Kit de Marca & Identitat Visual

Recursos gràfics oficials, logotips vectorials, paleta de color auditable i regles d'ús per a col·laboracions, premsa i comunicació tècnica.

Monograma & Logotip Oficial

Emblema Oficial (Squircle 1:1)

Monograma "JT"

Símbol geomètric que entrellaça les inicials "J" i "T" simulant una estructura modular de components i un node de connexió de dades.

Descarregar SVG PNG d'Alta Resolució (512px)

Wordmark Horitzontal

Logotip Tipogràfic

Combinació del monograma oficial amb la tipografia de marca i la menció d'especialitat tècnica ("Frontend & Web Apps").

Descarregar SVG Horitzontal Favicon Oficial

Paleta Cromàtica Oficial & Contrast

#4F46E5

Índigo Primari

8.5:1 (WCAG AAA)

Identitat de marca, enllaços clau i focus d'atenció

RGB: 79, 70, 229

HSL: 243°, 75%, 59%

#06B6D4

Cian Tecnològic

4.7:1 (WCAG AA)

Nodes de dades, accents d'enginyeria i gradients

RGB: 6, 182, 212

HSL: 189°, 94%, 43%

#0F172A

Pissarra Tech (Deep Slate)

16.1:1 (WCAG AAA)

Tipografia principal, superfícies de codi i terminals

RGB: 15, 23, 42

HSL: 222°, 47%, 11%

#10B981

Verd Maragda (Success)

4.6:1 (WCAG AA)

Estat en línia, fites verificades i tests superats

RGB: 16, 185, 129

HSL: 160°, 84%, 39%

#F8FAFC

Superfície Suau (Slate-50)

Base neutra

Fons del lloc web en mode clar permanent

RGB: 248, 250, 252

HSL: 210°, 40%, 98%

Sistema Tipogràfic

Tipografia de Titulars (Display)

Bricolage Grotesque

Font variable de caràcter contemporani, proporcions humanistes i traços angulats que transmeten personalitat i rigor d'enginyeria.

Aa Bb Cc Dd Ee Ff Gg

Ús: H1, H2, H3, titulars de secció i badges de gran impacte.

Tipografia de Lectura & Codi

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.

Inter Variable — The quick brown fox jumps over the lazy dog.

const developer = { fps: 60, wcag: "AA" };

Kit de Memojis Contextuals

Pose & 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 procedents de Boxicons i Simple Icons per les següents raons tècniques:

1. Consistència Cross-OS:Els mateixos glifs a iOS, Android, macOS, Windows i Linux.
2. Control de Contrast WCAG:Els colors dels vectors s'ajusten exactament per complir AA/AAA.
3. Semàntica i Lector de Pantalla:Suport natiu d'atributs `aria-hidden="true"` sense lectures molestes.