Visão Geral
O Design System olist é um produto ainda em desenvolvimento, gerenciado pela equipe de Plataforma Front-End para criar experiências multi plataformas incríveis e consistentes.
índice
Sobre o time
A equipe é formada por designers e desenvolvedores dedicados a criar estilos, componentes, processos e documentação para o Design System. Para trocar uma ideia com a equipe, fale com a gente pelo canal #su-design-system no slack.
Missão
Empoderar os Olisters para criar experiências universais de maneira mais rápida, escalável e consistente.
Visão
Ter uma experiência coesa entre todos os produtos olist através do uso do Design System.
Estrutura
O Design é composto por 4 camadas principais de elementos:
- Core Concepts (conceitos base)
- Foundations (fundações)
- Components (componentes)
- Experiences (experiências)
Os core concepts são a base que norteia nosso Design System. Eles são nossa missão, visão e princípios, entre outros. Os foundations são os padrões agnósticos à tecnologia que nos ajudam a criar consistência em experiências multi plataforma , como tokens, grids e padrões de escrita. Components são elementos compostos por foundations, mas específicos por tecnologia. Por exemplo, botões, menus e campos de texto. Por fim, experiences são acordos que nos orientam a criar experiências incríveis e consistentes em todos os produtos.
Hoje, contemplamos apenas design tokens no novo Design System. Enquanto o novo Design System ainda está em construção, você pode usar a biblioteca united para construir novos produtos.
estrutura dos elementos do design system
quando usar
Você está em dúvida entre usar um componente do Design System ou um componente local? Elaboramos um fluxograma para ajudá-lo a decidir quando usar cada um.
fluxograma do processo de uso do Design System