Guia de estilo (style guide)

Documento que define as regras de design e comunicação pra manter tudo consistente.

Hard

O que é

Guia de estilo é o documento que reúne as regras de design e comunicação de um produto ou marca, como tipografia, cor, espaçamento, tom de voz e jeito de escrever um erro. Ele existe pra dar consistência, porque, sem ele, cada tela e cada texto sai de um jeito, e isso enfraquece a credibilidade com o tempo.

Vale distinguir o guia do design system. O guia foca em regra e documentação, ou seja, que fonte usar e como escrever a mensagem de erro. O design system é mais operacional, já que traz componente codificado e ativo reutilizável. Muita gente usa os dois juntos: o guia cuida das regras, e o sistema cuida da implementação.

Na prática, ele acelera colaboração e onboarding. Com as regras escritas, designer e dev decidem rápido sem ficar pedindo aprovação, e quem chega novo consegue se localizar sozinho. E ele precisa evoluir, porque rebrand e crescimento exigem revisão, senão vira um documento velho que ninguém segue.

Em uma frase

Marketing e produto vão seguir o mesmo guia de estilo pra tudo soar da mesma marca.

A pergunta que ele responde

Como mantenho tudo consistente quando o time cresce e ninguém mais decide junto?

Quando usar

Faz sentido quando o time cresce ou se distribui e a consistência passa a depender de regra escrita, e não de quem está por perto.

Como não usar

O cuidado é escrever o guia uma vez e nunca revisar, deixando que ele vire documento morto que diverge do produto real.

Na prática

Pense em marketing e produto usando o mesmo guia de tom de voz. Por causa disso, o anúncio lá fora e a mensagem dentro do app soam da mesma marca.

Não confunda com

Vale separar guia de estilo de design system. O guia documenta regras, como que fonte usar, que cor e que tom de voz. O design system vai além e entrega o componente já codificado e reutilizável. Um diz como as coisas devem ser, o outro entrega as peças prontas pra montar.

D

Em inglês

Style Guide

Pronúncia

stáil gáid

Também chamado de

style guide, guia de estilo, manual de estilo

Origem

n/a

Fonte

Saiba mais

Brad Frost, Atomic Design