Acabei indo atrás do Design System do Meetup.com depois de me perguntar “será que eles também tem um DS?”. Dito e feito! Acredito que depois do rebranding lá por volta de 2015, provavelmente tudo foi direcionando para a galera lá organizar seu próprio Design System.

Ficha técnica

  • Nome: Swarm
  • Empresa: Meetup.com
  • Ano de desenvolvimento: 2017
  • Diferenciais:
    • Tom de voz da marca com exemplos de “faça” e “não faça”
    • Guia de copy/redação, com padrões de pronomes, hora-data, etc
    • Botão de “Checar contraste” em todo design token de cor
    • Preocupação com internacionalização (i18n)
  • Pontos negativos:
    • Parte de componentes (código) parece um pouco abandonada
    • Navegação dessa parte de componentes poderia ser melhor trabalhada
    • Última atualização já faz um tempinho

Imagens do Design System

home do design system swarm. No meio o titulo 'projetando para transformacao social' em ingles. Se destacam 4 botoes de 4 cards, sao eles design, brand, content e web components.
Pagina com padroes de botoes do swarm. se ve uma tabela com titulos estilo de botao, descricao e importancia
gif mostrando um pouco do swarm, primeiro grids dos icones usados, depois na parte das cores ativando o botao de conferir contraste com diversas cores de fundo

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