Conheci o Design System da Claro em um meetup do pessoal do Gstudio. Achei válido que ele fosse o DS que inauguraria a série “Design System da semana” aqui no DicasUX.

Ficha técnica

  • Nome: Mondrian
  • Empresa: Claro
  • Ano de desenvolvimento: 2019
  • Diferenciais:
    • Vídeo (MoGraph) bacana no começo
    • Roadmap do produto (próximas bibliotecas)
    • FAQ

Imagens do Design System

home do design system mondrian. Na lateral esquerda um fundo vermelho com o logo Mondrian Claro BR em branco. Do lado direito um video totalmente preto ainda nao iniciado. Em baixo desse video o menu contendo itens como sobre, estrutura, suporte, etc.
gif mostrando alteracoes nos design tokens de um botao vermelho como peso da fonte, tamanho da fonte, raio da borda, e em cima um botao que vai atualizando automaticamente com base nessas alteracoes

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