Guia de Estilos
Esta é uma biblioteca de componentes, códigos de UI, padrões de design e guia da Bradesco Seguros que permitem que você trabalhe com liberdade para criação, mas ao mesmo tempo protegendo a identidade visual da marca.
Dúvidas, problemas ou sugestões?
Fale conosco através do e-mail guia.deestilos@bradescoseguros.com.br
Na prática :)
O Guia_
A finalidade deste guia é facilitar e oferecer um visual único para todas as páginas criadas por um ou diferentes times de desenvolvimento.
Direcionamento_
Para os materiais auxiliares ficarem acessíveis e atenderem a todos, o Guia foi separado em quatro partes:
Manual da Marca
Contém instruções sobre aplicação correta de cores, tipografia, iconografia e composição de banners da marca Bradesco Seguros para todos os projetos.
Sustentação
Biblioteca de componentes e instruções de uso para projetos já implantados que necessitam de manutenção.
Novos Projetos
Para projetos em desenvolvimento ou ainda não iniciados, que adotarão o novo padrão visual.
Downloads
Contém arquivos úteis de componentes e linguagem de programação para download, como: biblioteca de Axure, mockup de UI, pacote de CSS e JS.
Como utilizar_
Este guia disponibiliza a documentação do padrão de estilo digital oficial da Bradesco Seguros e um conjunto de diretrizes que, se usadas corretamente, auxiliam designers e desenvolvedores a trabalhar de forma mais rápida e inteligente.
UX designers
Contém instruções sobre aplicação correta de cores, tipografia, iconografia e composição de banners da marca Bradesco Seguros para todos os projetos.
Links úteis
Biblioteca Axure
UI designers
Conheça o Manual da Marca, essencial para seu trabalho. Navegue pelos componentes e conheça seus comportamentos para montar seus layouts. Caso precise criar novos componentes, use as diretrizes para que você possa fazer isso com qualidade e dentro dos padrões. Não se esqueça de informar o focal mais próximo quando houver necessidade.
Links úteis
UI Kit
Desenvolvedores
Este Guia Inclui um conjunto de códigos HTML, CSS e JS reutilizáveis para projetar as interfaces web e mobile de forma mais prática e inteligente.
Links úteis
Redatores
Aqui, você encontra orientações com as melhores práticas de redação para web e mobile.
Links úteis
Guia de redação