1
resposta

[Projeto] Faça como eu fiz: consistência visual

Para essa atividade, escolhi avaliar o aplicativo para escritores, Substack. A consistência do Substack é sustentada por uma escolha tipográfica que resgata a autoridade do jornalismo. Ao utilizar fontes serifadas em títulos, a plataforma estabelece uma identidade visual que se mantém inalterada e com uma assinatura visual clara, garantindo que o usuário identifique imediatamente o ambiente da plataforma.

No nível estrutural, a aplicação do Atomic Design é visível na padronização de componentes como botões de ação e cards de postagem. Esses elementos funcionam como moléculas que se repetem de forma previsível, utilizando o mesmo espaçamento, arredondamento de bordas e comportamento de resposta ao clique. Além disso, o uso estratégico do minimalismo e dos espaços em branco atua como um fio condutor que garante a coesão de todo o ecossistema. Ao priorizar um layout limpo e centralizado, o Substack permite que os grafismos e cores customizáveis de cada autor convivam harmoniosamente com o sistema global.

1 resposta

Tudo bem, Fernanda?

Mandou bem demais, Fernanda!

Sobre sua aplicação do conceito de Atomic Design, você foi muito feliz ao descrever os botões e cards como moléculas. Essa previsibilidade, no uso de espaçamentos, bordas e interações, é exatamente o que reduz o custo de aprendizado do usuário.
O ponto sobre o minimalismo e o uso do espaço em branco é bem importante, em sistemas onde o conteúdo é gerado por terceiros (os autores), o Design System precisa ser um "palco neutro" que destaca a criação do usuário sem que a identidade da plataforma desapareça.

Continue com esse foco, pois entender como o sistema suporta a customização sem perder a coesão é o diferencial de um excelente designer de produtos!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!