Guía de estilismo/diseño
Puntos de ruptura y capacidad de respuesta
Los diseños deben adaptarse lógicamente en todos los dispositivos. No hay hacks personalizados por tamaño de pantalla.
Diseñar una vez. Escala de manera inteligente.
Escala de espaciado y dimensionamiento
El espaciado sigue una escala definida. El espaciado aleatorio es una responsabilidad visual.
Calidad de compuestos de consistencia.
Alineación y márgenes
La alineación comunica disciplina. Los márgenes son intencionales, no accidentales.
La alineación se mantiene principalmente a la izquierda comenzando, pero bajo ciertas situaciones se ajustará al centro. Esas situaciones son para encabezados de sección más grandes que se correlacionan con algún tipo de elemento visual como un video o una cuadrícula de imágenes.
Este sitio web utiliza tanto REM como EM con respecto a los márgenes.
REM se utiliza principalmente para espaciar de manera consistente los márgenes laterales o para elementos que no necesitan escalado muy dinámico. Si bien la mayoría de los elementos tipográficos utilizan EM para tener un espaciado que sea consistente con el tamaño de fuente de esos elementos sin muchas reglas de tamaño personalizadas.