Logo de Dallonses

Style guide

Què és una style guide?

Una style guide és el document que defineix com s'ha de veure i sonar una marca o un producte. Els colors i els seus valors exactes, la tipografia i com fer-la servir, les regles del logo, la imatge, l'espaiat i, sovint, el to de veu. Existeix perquè tothom que toca la marca, dins de l'empresa o fora, prengui les mateixes decisions i la feina es mantingui coherent.

La gent la confon amb dues coses relacionades. Una style guide és el reglament de la identitat visual i verbal. Una component library és el conjunt de peces d'UI reutilitzables reals, normalment construïdes en codi. Un design system és l'estructura més gran que conté tant la style guide com la library, a més dels principis i la guia d'ús que les uneixen. Dit senzill: una style guide et diu que la marca fa servir aquest blau i aquesta tipografia; una component library et lliura el botó ja construït en aquest blau; un design system et diu quin botó fer servir, quan i per què. Quan un equip de màrqueting, una agència i un equip de producte intern produeixen feina que sembla de la mateixa empresa, una style guide és el que els va alinear.

Les style guides van des d'un full de marca d'una pàgina fins a un document viu i detallat que cobreix accessibilitat, moviment i regles de contingut. Les bones són pràctiques i actuals, escrites per fer-se servir mentre la feina passa, no per arxivar-se després del llançament d'una marca.

Les style guides a Dallonses

Construïm style guides com a documents de treball, no com a bíblies de marca plastificades que viuen en un calaix. Quan col·laborem en disseny UI i design systems, la style guide captura les decisions que tothom, el teu equip i el nostre, necessita per prendre la mateixa decisió sense una reunió. Clara, actual i lligada al producte real.

Per a marques globals que treballen entre molts equips i mercats, la style guide és el que manté la feina consistent a distància. Definim les regles amb el teu equip, les connectem amb els components i tokens que les donen vida en codi, i les documentem perquè la gent pugui actuar-hi molt després que haguem acabat. La marca es manté coherent perquè la guia és usable.

Necessites una marca que es mantingui consistent a cada equip i canal? Documentem-la.

Parlem de design systems

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant