%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%231d1d1b;%20}%20.st1%20{%20fill:%20%230d3857;%20}%20.st2%20{%20fill:%20%23d98217;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st1'%20d='M237.8,53.9c4-3.9,9.1-5.9,15.6-5.9h47.8v10.6h-46.6c-3.5,0-6.4.8-8.8,2.3-2.4,1.5-3.6,4.5-3.6,8.9v49.6h-10.4v-48.9c0-7.2,2-12.7,5.9-16.6'/%3e%3crect%20class='st1'%20x='235.1'%20y='78.4'%20width='40.7'%20height='10.7'/%3e%3cpath%20class='st1'%20d='M312.2,53.9c4-3.9,9.1-5.9,15.6-5.9h31c4.2,0,8,.9,11.2,2.6,3.3,1.7,5.8,4.3,7.6,7.7,1.8,3.4,2.8,7.5,2.8,12.2v48.9h-10.4v-49.6c0-4.4-1.2-7.3-3.6-8.9-2.4-1.6-5.3-2.4-8.8-2.4h-28.7c-3.5,0-6.4.8-8.8,2.4-2.4,1.6-3.6,4.5-3.6,8.9v49.6h-10.4v-48.9c0-7.2,2-12.7,5.9-16.6'/%3e%3cpath%20class='st1'%20d='M396.3,113.8c-3.9-3.7-5.9-9.1-5.9-16.2v-27.7c0-7.1,2-12.5,5.9-16.2s9.2-5.6,15.7-5.6h49.9v10.6h-48.8c-3.5,0-6.4.8-8.8,2.3s-3.6,4.5-3.6,8.9v27.7c0,4.4,1.2,7.4,3.6,8.9s5.3,2.3,8.8,2.3h28.8c3.5,0,6.4-.8,8.8-2.3s3.6-4.5,3.6-8.9V24.8h10.5v72.5c0,7.1-2,12.6-6,16.4s-9.3,5.7-15.8,5.7h-30.9c-6.6,0-11.8-1.9-15.7-5.6'/%3e%3cpath%20class='st1'%20d='M490.9,116.9c-3.3-1.7-5.9-4.2-7.8-7.5s-2.8-7.4-2.8-12.1v-27.1c0-7.1,2-12.6,6-16.4,4-3.8,9.3-5.7,15.9-5.7h32c6.8,0,12.1,1.7,15.9,5.2,3.8,3.5,5.6,8.8,5.6,16v2c0,7.6-1.8,13.1-5.5,16.4s-9,4.9-16,4.9h-30.2v-10.6h29c2.8,0,5.1-.3,6.9-.9,1.8-.6,3.1-1.7,4.1-3.4.9-1.7,1.4-4.1,1.4-7.2s-.5-5.9-1.5-7.7-2.4-2.9-4.1-3.5c-1.7-.5-3.9-.8-6.6-.8h-30.2c-3.6,0-6.6.8-8.9,2.4-2.3,1.6-3.5,4.5-3.5,8.9v27.7c0,4.4,1.2,7.3,3.6,8.9s5.3,2.4,8.8,2.4h49.8v10.6h-50.5c-4.3,0-8.1-.8-11.4-2.5'/%3e%3cpath%20class='st2'%20d='M187.9,96.8l-82.5,46.2L22.7,96.8c-2.8-1.6-3.9-5.1-2.5-8,1.5-3.1,5.3-4.3,8.4-2.7l74.1,39.9h.3c.3.2.7.3,1,.4h2.4c.4,0,.7-.2,1-.4h0s.2,0,.3-.2l74.1-39.9c3-1.6,6.9-.4,8.4,2.7,1.4,2.9.3,6.4-2.5,8M199.3,82.9c-1.4-2.7-3.4-4.9-6-6.5l-43.6-27.3v.9c0,24.5-19.9,44.4-44.4,44.4s-44.4-19.9-44.4-44.4h0l-43.6,26.4c-2.5,1.6-4.6,3.8-6,6.5-4.1,8-1.1,17.8,6.8,22.2l84.9,46.6c.6.3,1.3.5,2,.5h.4c.7,0,1.4-.2,2-.5l84.9-46.6c7.9-4.3,10.9-14.1,6.8-22.2'/%3e%3cpath%20class='st0'%20d='M140.5,46.7h0Z'/%3e%3cpath%20class='st1'%20d='M98.9,85v-.3h.4l-.4.2h0ZM105.3,10.3c-21.9,0-39.7,17.8-39.7,39.7s17.8,39.7,39.7,39.7,39.7-17.8,39.7-39.7S127.2,10.3,105.3,10.3M131.5,46.3l-4.1,4.3-.9-5.9-5.4-2.6,5.3-2.7.8-5.9,4.2,4.2,5.8-1.1-2.7,5.3,2.8,5.2-5.9-.9h0ZM114.2,80.1l-4.1,4.3-.9-5.9-5.3-2.6,5.3-2.7.8-5.9,4.2,4.2,5.8-1.1-2.7,5.3,2.8,5.2-5.9-.9h0ZM96.8,36.4l-.9-5.9-5.3-2.6,5.3-2.7.8-5.9,4.2,4.2,5.8-1.1-2.7,5.3,2.8,5.2-5.9-.9-4.1,4.3h0ZM83.1,58.7l-4.1,4.3-.9-5.9-5.4-2.6,5.3-2.7.8-5.9,4.2,4.2,5.8-1.1-2.7,5.3,2.8,5.2-5.9-.9h0ZM108.6,45.3l3.3,3.3,4.6-.9-2.1,4.2,2.2,4.1-4.7-.7-3.3,3.4-.7-4.7-4.3-2,4.2-2.1.6-4.7h.2Z'/%3e%3cpath%20class='st1'%20d='M98.9,85l.4-.2h-.3v.3h0Z'/%3e%3cpath%20class='st1'%20d='M128.6,76.5l.8.4-.2-.9c-.2.2-.4.4-.6.5'/%3e%3cpath%20class='st1'%20d='M70.1,49.6l-.9.2.9.8v-1'/%3e%3c/svg%3e)
Design System GOVBR
Guia visual, técnico e operacional no FNDE, fiel ao Padrão Digital de Governo (gov.br). Web Components nativos, tokens acessíveis e exemplos navegáveis de cada componente.
Sistema de padrões para as aplicações do governo federal no FNDE
Construído sobre o @govbr-ds/core oficial — HTML, Sass e Lit. Sem React, sem
Tailwind, sem classes utilitárias próprias: o mesmo markup .br-* distribuído
pelo gov.br, encapsulado em elementos <ds-*> que funcionam em qualquer
stack.
- Componentes
- —
- Categorias
- —
- Acessibilidade
- WCAG AA
- Dependências de UI
- 0