04.2 Design
Biblioteca de Componentes
Fonte: NN/gDesign systems são um conjunto de padrões necessários para gerenciar design em escala. Style guides são apenas uma peça dentro do design system.
Relacionamento Hierárquico
O design system é o elemento superior que contém guias de estilo, bibliotecas de padrões e bibliotecas de componentes como elementos subordinados.
Objetivos da Biblioteca
- Manter consistência visual em larga escala
- Reduzir redundância de elementos duplicados
- Criar linguagem de design compartilhada entre equipes
Componentes do Repositório
- Um ou mais style guides
- Biblioteca de componentes UI
- Biblioteca de padrões de interface
- Recursos adicionais (arquivos Figma, ícones, tipografias)
Tipos de Style Guides
Content Style Guides
Padrões de tom, gramática e formatação de conteúdo.
Brand Style Guides
Paletas de cor, tipografia, logos e imagens da marca.
Front-End Style Guides
Componentes UI, layouts responsivos e estilos tipográficos.