Sistemas de design

O vocabulário partilhado de uma interface — tokens de cor e de espaçamento, tipografia, e um conjunto de primitivos com o comportamento de teclado e de leitor de ecrã já resolvido.

O Tailwind guarda os tokens como propriedades personalizadas de CSS, por isso um tema é dados e não uma reconstrução, e o claro e o escuro são os mesmos componentes. O Base UI fornece primitivos acessíveis e sem estilo — menus, diálogos, caixas de seleção — que estilizamos nós, o que é a divisão certa: o comportamento é difícil e genérico, a aparência é fácil e específica. O contraste não fica ao critério do gosto; neste site cada par de cor de texto e de fundo é verificado contra o nível AA das WCAG por um teste unitário, nos dois temas, por isso uma alteração de cor que prejudique a legibilidade faz falhar a compilação.