Está en la página 1de 3

Sorprendentes Historias

Colores 2
Elementos gráficos 2
Enlaces 2
Fotos e imagenes 3
Colores

Los colores principales utilizados en nuestra página web son:

#E5F2C9 #5B5F97 #1F0318 #1E1A1D

Utilizado principalmente Utilizado en los Utilizado en elementos Utilizado como color de


como color de fondo para elementos principales de secundarios, los cuales contraste en para el
la pagina, tambien como la pagina para ganar la requieren atraer la footer, también en
color contraste en los atención atención del usuario de cualquier tipo de texto
colores en los cuales se manera más sutil y sólo sobre fondo que requiera
necesita un color de si éste lo necesita letras oscuras
fuente más claro

Los colores secundarios son:

#FF9F1C #D9D9D9

Utilizado principalmente para destacar una sección de Utilizado en caso de que en una zona en la cual el
texto o un titulo, no deberia de ser abusado color de fondo sea #1E1A1D se necesite añadir algo de
contraste

Elementos gráficos

En caso de necesitar utilizar algún tipo de icono, logo u otro elemento gráfico, hemos decidido utilizar los
elementos de material design debido a su uniformidad y gran variedad de iconos

Los iconos a introducir deberían de ser introducidos con un tamaño de 55 x 55 px

Enlaces

Idealmente no deberían de aparecer demasiados enlaces en nuestro sitio web debido a su naturaleza de blog, pero
en los que sea necesario se debería evitar enlaces engañosos o poco concisos que puedan llevar a la confusión del
usuario final.
Fotos e imagenes

Las fotos a utilizar en el sitio web deberían de estar relacionados con los temas de los que se hable en el post /
artículo, debe asegurarse que tienen una calidad mínima, idealmente deberían de estar en formato png o webp o
svg, en caso de que no fuera posible jpg o jpeg. No debería de haber ninguna imagen con una resolución menor a
100 x 100 pixeles pues su visualización en pantalla seguramente sea mala debido a los reescalados necesarios,
como única excepción a esta norma sería que los svg, que son escalables sin problemas.

Accesibilidad

Es imprescindible que todas las imágenes contengan una descripción de que contiene para personas que
necesiten utilizar un lector de pantalla

Fuentes

Sans Serif

12px en cuerpos de texto

24px en encabezados

36px en títulos

Se debe utilizar siempre un color de fuente el cual permita la clara lectura

Disposición de nuevos elementos

Originalmente hemos pensado la pagina como una página vertical, asi que cualquier nuevo elemento debería
adaptarse para no necesitar cambiar el ancho de la página, pero sin problema alguno ampliar el alto de esta
misma

También podría gustarte