Sistema de diseño Mercado de Los Mostenses
Índice
Fundaciones
Color
Tipografía
Átomos
Tarjetas
Moléculas
Organismos
Se ha desarrollado un branding provisional a la espera de que el Mercado, conforme cree su nueva identidad física, renueve sus activos gráficos de marca.
Fundaciones
Color
Color
Verde aguamarina
#0C6B7E
50%
20%
Azul Caribe
#0C6B7E
50%
20%
Negro
#0C6B7E
50%
20%
Naranja gamba
#0C6B7E
50%
20%
La paleta de colores está inspirada en colores actuales de la dimensión física del mercado.
Los colores verdes y azules se basan en los colores utilizados en las lonas actuales del mercado.
El color naranja se inspira en los ladrillos del edificio
El negro, por su parte, es estabilizador de la paleta y contraste.
La web se ha diseñado de forma que, cuando se modifican los estilos, se modifican allí donde el color está presente. Esta construcción permite cambios ágiles en el caso de ser requeridos.
Tipografía
Margherita Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwXxYyZz
12345678890
Margherita Regular
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwXxYyZz
12345678890
La tipografía Margherita combina las serifas -rebordes en el final de los caracteres- con formas redondas y distintos grosores.
Combina un estilo más clásico -las serifas- que encaja con el punto tradicional de los mercados, con ese juego de formas y grosores que pone en juego un estilo más cercano como es el del tono de cualquier trabajador de un mercado.
Texto
H1 - Esto es un título
H2 - Esto es un título
H3 - Esto es un título
H4 - Esto es un título
H5 - Esto es un título
Body big
Body
Body little
Footnote
Se han desarrollado los estilos de texto necesarios para la construcción de la web. Se ha añadido en todos distintos tamaños para que cumplan con el responsive (adaptación a cada tamaño de pantalla).
Átomos
Botones y etiquetas
Etiqueta
Moléculas
Tarjetas
Básica
Tarjeta de puesto
Nombre puesto
Evento
Organismos
Navegación