GOV.UK Design System
GOV.UK デザインシステム / 2012– / Estilo / Sistemas de diseño
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.
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
.png)
Entrada del diccionario
- 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
- 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
- GOV.UK Design System の Styles にある色の使用規則 / govuk-frontend の focused ヘルパーが黄色い地と黒い下線をどう作っているか / GDS Transport という書体の出自と、なぜ政府サービス向けに限って配られるのか
Entradas relacionadas
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>