En aquesta pàgina documento la imatge corporativa del meu portfoli: quins valors vull transmetre, com els he concretat en el logotip i en els elements gràfics, i com s'apliquen a tots els suports.
1. Valors que vull transmetre
El portfoli presenta la meva feina com a estudiant de Sistemes Microinformàtics i Xarxes (SMX). La identitat visual ha de reflectir una persona que treballa amb la tecnologia, i per això he definit cinc valors:
- Tecnologia: el meu àmbit professional són els sistemes i les xarxes.
- Confiança i seriositat: volem que el treball es vegi fiable i ben fet.
- Connexió: les xarxes uneixen equips, i jo vull connectar els meus aprenentatges.
- Creixement: és un portfoli que evoluciona amb cada repte superat.
- Creativitat: un toc personal que el distingeix d'un lloc genèric.
2. El logotip
Imatge: el logotip del portfoli i les seves variants.
| Element del logotip | Com està dibuixat | Valor que concreta |
|---|---|---|
| Icona | Quadrat de cantonades arrodonides amb quatre nodes units per una línia que puja | Xarxa i connexió (nodes units), i creixement (la línia puja d'esquerra a dreta) |
| Degradat de l'icona | Del blau al violeta | Confiança i tecnologia (blau) i creativitat (violeta) |
| Cantonades arrodonides | Radi suau a l'icona i als elements del lloc | Proximitat i modernitat |
| Nom en majúscules i negreta | Lletra Segoe UI, pes extra gruixut i lletres espaiades | Seriositat i claredat |
| Lema | "SMX · Sistemes Microinformàtics i Xarxes" en lletra monoespaiada | Perfil tècnic i informàtic |
3. Elements gràfics de la identitat
- Paleta de colors: fons blau fosc, blau i violeta com a accents, i gris clar i blanc per al text. El degradat blau i violeta és l'element visual central.
- Tipografia: Segoe UI per a títols i textos, i Consolas per al codi i els detalls tècnics.
- Motiu de xarxa: els nodes connectats de la icona es repeteixen al fons de la web, junt amb frases tècniques com
pingoTCP/IPi el meu nom. - Etiqueta fixa: una petita etiqueta "Roberto D'imperio · SMX" sempre visible a la cantonada del lloc.
4. Normes d'ús del logotip
- Fons fosc: s'utilitza la versió amb text blanc. Fons clar: la versió amb text blau fosc.
- Espai de seguretat: al voltant del logotip es deixa un marge lliure d'almenys l'amplada d'un dels nodes.
- Mida mínima: la icona no es fa servir per sota dels 32 píxels d'alt, perquè es vegin bé els nodes.
- Què no es fa: deformar-lo, canviar els colors, girar-lo o posar-lo sobre fons que li treguin contrast.
5. Aplicació als diferents suports
| Suport | Com s'aplica la identitat |
|---|---|
| Web | Paleta blava i violeta, tipografia Segoe UI i Consolas, degradat a la capçalera, motiu de xarxa i nom al fons, etiqueta fixa "Roberto D'imperio · SMX" |
| Targeta de visita | Icona i nom en negreta, càrrec en lletra monoespaiada i línia de degradat |
| Signatura de correu | Versió per a fons clar amb icona, nom i lema |
| Documents i treballs | Portada amb banda de degradat, icona, títol en negreta i nom |
| Xarxes socials i icona del lloc | Icona sola, en versió rodona per a perfils i quadrada per a la icona del navegador |
El logotip està preparat en format vectorial (SVG), que es veu nítid a qualsevol mida, i en PNG de 512 píxels per a la icona i el logotip del lloc.