U.S. Web Design System (USWDS)
合衆国ウェブデザインシステム / 2015– / Estilo / Sistemas de diseño
El lenguaje de diseño de los sitios federales estadounidenses, publicado por la Administración de Servicios Generales. El color, el espacio y el tamaño de letra están cuantizados en un juego limitado de escalones fijos en lugar del rango abierto que permite CSS, y el sistema incluye Public Sans, una tipografía neutra trazada a partir de Libre Franklin, para que el sitio de cualquier agencia hable con la misma voz.
El texto corriente va grande y las líneas cortan entre 45 y 90 caracteres / Los mismos dos colores reaparecen en todas las agencias, un azul intenso #005EA2 y un rojo de aviso #D83933 / El espaciado nunca cae en una cifra arbitraria, solo en los escalones de una escala fija / Public Sans lo lleva todo, de los títulos al texto corriente, de trazo ancho y sin manías
Entrada del diccionario
- Usos idóneos
- Cuando se construyen los sitios de un organismo público donde los departamentos no deben derivar hacia aspectos distintos · Cuando hay que preparar un formulario que seguirá siendo legible para gente cuyo aparato y cuya conexión no puedes elegir
- Tipografía
- Public Sans en todo, texto corriente a 16px o más, líneas entre 45 y 90 caracteres e interlínea de al menos 1,5 en los pasajes largos.
- Composición
- Cada margen y cada medida sale de una escala fija, una sola columna es lo normal y los huecos entre elementos repiten los mismos escalones.
- Material
- El azul intenso #005EA2 manda y el rojo #D83933 le sigue, y los grises se toman solo de la serie fija entre #1B1B1B y #F0F0F0, sin mezclar nada entremedias.
- Precaución
- Basta añadir un valor intermedio para rellenar un hueco de la escala y el sistema desaparece, porque a partir de ahí cada página empieza a inventarse sus propias medidas.
- Para profundizar
- USWDSのdesign tokensのページ（段の刻み方そのものが書いてある） / Public Sansと元になったLibre Franklinを並べ、字形をどこで整理したか見る / 実際の連邦サイトを数枚開き、余白と文字寸法が本当に段の上に載っているか測る
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/uswds
- Markdown
- [U.S. Web Design System (USWDS) — IndexStyle](https://indexstyle.org/es/styles/uswds)
- HTML
- <a href="https://indexstyle.org/es/styles/uswds">U.S. Web Design System (USWDS) — IndexStyle</a>