design system — fnc v0.1
Guia de estilo
Tokens, tipografia e componentes base do tema. Use o botão no header para alternar claro/escuro.
01.
Cores
02.
Tipografia
fraunces 600 — títulos
Sistemas que ficam de pé.
inter 400/600 — corpo
Dezoito anos escrevendo software que precisa funcionar na segunda-feira de manhã: banco, governo e agora clientes em 10 estados. O corpo do texto usa Inter em 17px com entrelinha 1.65 — negrito em 600 e links com sublinhado fino.
jetbrains mono 400 — detalhes técnicos
$ wp theme activate fnc — labels, timestamps, tags e marginalia.
hierarquia
Título nível 1
Título nível 2
Título nível 3
03.
Componentes
O cache de objeto só compensa aqui porque a consulta cruza três taxonomias.
Com uma, o índice composto resolve sozinho.
04.
Estados e acessibilidade
Navegue por Tab para ver o foco visível (contorno no accent, 3px de offset). Toda área clicável tem no mínimo 44×44px. Transições de 160–220ms, desligadas com prefers-reduced-motion.