● EN LÍNEA
GOV.UK Design System

GOV.UK Design System

official UK government marco de trabajo para consistent, accessible public servicio interfaces.

Descripción General

GOV.UK Design System es el sistema de diseño oficial del Servicio Digital del Gobierno del Reino Unido (GDS), que proporciona componentes, patrones y directrices reutilizables para construir servicios digitales centrados en el usuario, accesibles y consistentes en sitios web y aplicaciones gubernamentales. Asegura que todos los servicios públicos sigan los mismos estándares de simplicidad, inclusividad y confianza, basándose en una extensa investigación de usuarios. Ampliamente utilizado por equipos de gobierno central y local, es de código abierto y respaldado por la comunidad. Biblioteca de componentes: Elementos reutilizables como botones, formularios, tablas, encabezados y mensajes de error con fragmentos de código en HTML y Nunjucks. Patrones: Orientación para tareas comunes como formularios, navegación y layout de contenido. Estilos: Colores, tipografía, espaciado, iconos e imágenes alineados con el branding de GOV.UK. Accesibilidad: Cumplimiento WCAG 2.2 AA, probado con usuarios incluyendo aquellos con discapacidades. Respaldo comunitario: Contribuciones de equipos de gobierno; actualizaciones e investigación regulares.

Ideal para

equipos construyendo escalable, consistent digital products.

Características Principales

  • biblioteca de componentes: Reusable elements como buttons, forms, tables, headers, y error messages con código snippets en HTML y Nunjucks.
  • patrones: Guidance para común tasks como forms, navigation, y content diseño.
  • Styles: colores, tipografía, espaciado, iconos, y imágenes aligned con GOV.UK branding.
  • accesibilidad: WCAG 2.2 AA compliance, tested con usuarios incluyendo esos con disabilities.
  • comunidad Backing: Contributions de government equipos; regular actualizaciones y research.

Pros

  • +Código abierto
  • +Colaboración en tiempo real
  • +Amplia biblioteca de iconos
  • +Generación de paletas de colores

Contras

  • -La adopción requiere alineación del equipo
  • -La personalización puede ser compleja

/// ESPECIFICACIONES

  • Precio:
    Free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
/// Herramientas Similares