Mesmo se você não trabalha diretamente com código você já deve ter ouvido falar no Stack Overflow, o mais famoso site de perguntas e respostas focados em tecnologia. Hoje veremos seu Design System chamado Stacks.

Aproveitando, leia o post ouvindo o Hipsters.tech sobre Design System que saiu sessa semana:

Ficha técnica

  • Nome: Stacks
  • Empresa: Stack Overflow
  • Ano de desenvolvimento: 2018
  • Diferenciais:
    • Padronização de e-mails
    • Open source
    • É ridiculamente rápido (teste a busca depois)
    • Guias de tom de voz e gramática
    • Na parte de brand, download fácil dos logos em diversos formatos
    • Recomendações para mensagens de erro 😍
    • Seção sobre acessibilidade em diversos componentes
  • Pontos negativos:
    • Acredito que pelo excesso de tons diferentes da mesma cor, pode acabar existindo inconsistências

Imagens do Design System

Capa do DS do stackverflow, muito laranja e 4 categorias em baixo
logo do stackverflow em uma grid, em baixo 4 aplicacoes do logo com fundos branco, cinza, laranja e preto
pagina de mensagens de erro
cores da marca stackverflow laranja preto azul
botoes padroes usados no DS no stacks

Que tal receber dicas de UX direto no seu e-mail?

Receba a newsletter que eu escrevo pessoalmente, com práticas de usabilidade, insights do mercado de UX e dicas do Figma