● ONLINE
UNDP Design System

UNDP Design System

Sistemas de Design

official U.S. government framework para consistent, accessible public digital services.

GratuitoSistemas de Design
VISITAR SITE >>

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.

label.best_for

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
ASSETS_DIRECTORY
figma
/// Ferramentas Similares
Vuetify

Vuetify

Vuetify é um completo Vue.js framework de IU esse strictly adheres para material projetar guidelines, oferecendo rico conjunto de componentes e poderoso personalização capabilities.

A2UI

A2UI

código aberto protocol para IA agents para gerar seguro, declarative UIs através de platforms.

Watt Design System

Watt Design System

Holaluz's Figma-baseado kit de IU para consistent, accessible renewable energy interfaces.