U.S. Web Design System
web sistema de projetar: official U.S. government framework para consistent, accessible public digital services.
Visão Geral
The U.S. Web Design System (USWDS) is the official open-source design system from the U.S. federal government (managed by GSA), providing reusable components, patterns, and guidelines to build consistent, accessible, and performant digital experiences for public-facing government websites and services. It ensures compliance with Section 508 accessibility standards and federal branding, helping agencies deliver user-centered, trustworthy interfaces efficiently. Component Library: Reusable elements like buttons, forms, alerts, accordions, grids, and navigation with variants. Design Tokens: Colors (federal palette), typography, spacing, icons, and utilities for consistency. Accessibility: Full Section 508/WCAG 2.1 AA compliance with ARIA support. Tools: Figma kit for prototyping; code packages for HTML/CSS and React.
Melhor para
equipes construindo escalável, consistent digital products.
Principais Recursos
- biblioteca de componentes: Reusable elements como buttons, forms, alerts, accordions, grids, e navigation com variants.
- tokens de projetar: cores (federal paleta), tipografia, espaçamento, ícones, e utilities para consistency.
- acessibilidade: completo Section 508/WCAG 2.1 AA compliance com ARIA suporte.
- ferramentas: Figma kit para prototipagem; código packages para HTML/CSS e React.
Prós
- +Código aberto
- +Biblioteca extensa de ícones
- +Geração de paleta de cores
- +Exportar para CSS/ferramentas de design
Contras
- -A adoção requer alinhamento da equipe
- -A personalização pode ser complexa
/// ESPECIFICAÇÕES
- Preço:Free
- Plataforma:Browser
Primer Design System
GitHub's código aberto sistema de projetar para consistent, accessible web interfaces.
Radius Design System
Rangle's Meta-framework accelerating custom sistema de projetar creation com ferramentas e kits.
Salt Design System
J.P. Morgan's código aberto framework para accessible, personalizável financial interfaces.
Slack Block Kit
modular framework de IU para construindo rico, interativo messages e apps em Slack.
SmartHR UI
código aberto React biblioteca de componentes para consistent, accessible HR plataforma interfaces.
UNDP Design System
official U.S. government framework para consistent, accessible public digital services.
VKUI
VK's código aberto React biblioteca para consistent, accessible interfaces em VK apps e services.
VTEX Design System
código aberto framework para consistent, accessible e-commerce interfaces.
Vaadin Design System
código aberto framework para consistent, accessible enterprise web apps com web componentes.
Vibe Design System
monday.com's código aberto sistema de projetar para consistent, accessible trabalho management interfaces.