GOV.UK Design System
GOV.UK デザインシステム / 2012– / Estilo / Lenguajes de pantalla
El lenguaje de diseño que el Government Digital Service del gobierno británico publica y mantiene para los servicios públicos. Todo va en una sola columna alineada a la izquierda y sin adornos, compuesta en GDS Transport, y el botón verde conserva las esquinas rectas y gana grosor con una banda de verde más oscuro en su borde inferior, hundiéndose exactamente ese grosor al pulsarlo. Lo que tiene el foco del teclado se vuelve amarillo con una raya negra debajo.
.png)
De un vistazo
Rasgos visuales
- Una sola columna alineada a la izquierda y sin adornos, casi sin recuadros y sin sombras
- Un botón verde de esquinas rectas con una banda de verde más oscuro en el borde inferior, que se hunde justo esa profundidad al pulsarlo
- Lo que tiene el foco del teclado se vuelve amarillo con una raya negra trazada debajo
- Los tamaños de letra saltan de 48 a 36, 24, 19 y 16px sin nada intermedio
Usos idóneos
- Cuando se rehace un trámite de la administración como una sola columna a la izquierda que pregunta una cosa por pantalla
- Cuando hay que dejar sin ninguna duda dónde está el foco para quien maneja el servicio solo con el teclado
Usar este estilo
Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.
Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas
Entrada del diccionario
- Tipografía
- Una sola sans serif, en cinco tamaños fijos y nada entre ellos. Los títulos van en negrita y el texto corriente se asienta en 19px.
- Composición
- Mantén el contenido en una única columna estrecha y alinea cada elemento a una misma línea izquierda. Sin composición a varias columnas y sin recuadros, porque el corte entre temas se marca solo con una raya horizontal.
- Material
- El color va atado al significado y nunca sirve de adorno. Los botones llevan radio cero y sacan su grosor de una banda de su propio tono más oscuro en el borde inferior. El foco es siempre fondo amarillo con subrayado negro.
- Precaución
- Redondear las esquinas del botón o afinar el borde de los campos para dejarlo todo más pulido borra las dos únicas señales de las que vive este estilo, el grosor que se puede pulsar y la posición del foco.
- Para profundizar
- the colour usage rules in the Styles section of the GOV.UK Design System / how the focused helper in govuk-frontend produces the yellow ground and the black underline / the origin of the typeface GDS Transport, and why it is distributed for government services alone
Entradas relacionadas
- Neo-grotesque Sans (ネオ・グロテスク)Efectos compartidos: Trust / Calm.Comparar GOV.UK Design System y Neo-grotesque Sans
- Swiss (スイス・スタイル)Efectos compartidos: Trust / Calm.Comparar GOV.UK Design System y Swiss
Más de Lenguajes de pantalla
Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.
- Adwaita (アドワイタ)Efectos compartidos: Technique / Calm / Trust.
- Breeze (ブリーズ)Efectos compartidos: Technique / Calm / Trust.
- GitHub Primer (GitHub Primer)Efectos compartidos: Technique / Trust / Calm.
Ver todas las entradas de Lenguajes de pantalla
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/govuk-design-system
- Markdown
- [GOV.UK Design System — IndexStyle](https://indexstyle.org/es/styles/govuk-design-system)
- HTML
- <a href="https://indexstyle.org/es/styles/govuk-design-system">GOV.UK Design System — IndexStyle</a>