Guía de diseño para WordPress

El Header y el footer

Ambos siempre con el mismo formato, mejor no ser muy creativos 😇

El header

Logo corporativo a la izquierda y menú de navegación a la derecha.

Guía de diseño para Wordpress 1

Los textos

Usar siempre el mismo color para los h1, para los h2, para los h3, etc. (salvo que estén encima de un fondo de otro color y querramos cambiarles el color para hacer contraste).

Usar siempre el mismo tamaño para todos los h1, para los h2, para los h3, etc.

FullWidth rows

Tener en cuenta que nuestro diseño debe adaptarse a todas las dimensiones de pantalla. Esto es especialmente delicado en las filas que tengan ancho completo. Por ejemplo, este diseño se ve muy bien en un tamaño concreto de pantalla:

Guía de diseño para Wordpress 2

Pero en un monitor grande, que no tenga exáctamente el tamaño deseado, se vería así (lo cual no tiene por que estar mal, pero hay que tenerlo en cuenta):

Guía de diseño para Wordpress 3

Aplicación para agilizar la carga del diseño

Por favor, introducir los valores para los colores y tamaños de fuentes en la siguiente aplicación. Se generará una url en función de dichos valores que os agradecería que colocaseis en el Figma.

Aplicación para diseño