Artigo
O argumento pelos sistemas CSS menores em sites pessoais
Por que uma camada contida de CSS customizado é frequentemente mais útil do que uma stack de estilização elaborada para trabalho editorial.
Sites pessoais não precisam vencer um concurso de maximalismo técnico. Eles precisam permanecer editáveis, expressivos e resilientes ao longo do tempo. Por esse motivo, sistemas CSS menores frequentemente superam soluções mais elaboradas em projetos editoriais.
Tokens antes de abstrações
A primeira camada útil geralmente não é uma biblioteca de componentes. É um pequeno conjunto de variáveis para superfície, texto, borda, destaque e espaçamento.
Quando esses tokens são estáveis, as páginas podem variar sem se desintegrar visualmente.
As regras de layout devem ser óbvias
Um shell, uma coluna de leitura, uma sidebar e algumas variantes de card podem ser suficientes para um sistema de publicação inteiro. Se cada tipo de página inventa seu próprio espaçamento e comportamento de painéis, o site perde o ritmo rapidamente.
A complexidade deve merecer seu lugar
Há razões válidas para adotar CSS-in-JS, frameworks utilitários ou pipelines de design tokens. Mas projetos editoriais frequentemente acabam pagando por uma flexibilidade que nunca usam.
Sistemas menores são mais fáceis de revisar
O design de um site pessoal evolui por gosto. Você revisita margens, temperatura de cor, escalas tipográficas e o quão denso uma página deve parecer. Um sistema CSS menor torna essas revisões mais baratas.
Uma nota sobre elegância
Elegância não é o mesmo que código mínimo. É o resultado de contenção nos lugares certos e precisão nos visíveis.
Conclusão
Para publicação pessoal, o melhor sistema CSS é muitas vezes aquele que permanece compreensível após seis meses longe da codebase.