Estilos Índice de páginas
Uso de imágenes
El uso de imágenes y objetos multimedia está limitado. Es necesario tener en cuenta ciertas guías de estilo.
Índice de apartados de esta página
Iconos #
Utilizamos las familias Streamline Core Solid y Streamline Ultimate Bold para nuestros iconos en componentes y como apoyo al contenido.
Puedes consultar las familias y cómo se utilizan en Iconos, disponible en la sección de componentes.
Logotipos #
Consulta la sección de comunicación corporativa del portal para ver la galería de escudos y logotipos y otras aplicaciones gráficas.
Si necesitas incluir logotipos de tu organización o por normativa, tienes varias zonas habilitadas para ello según el caso.
Logotipo | Dónde colocarlo | Cómo colocarlo |
---|---|---|
Organización | Cabecera avanzada | Espacio habilitado en la cabecera para portales junto al título, en negativo, responsive y con unas dimensiones determinadas. |
Financiación Europea | Pie de página | Distintas variantes según los fondos, definidas dentro del componente. |
Otras financiaciones u organizaciones | Pie de página | Espacio anidado para incluir uno o más logotipos alineados. |
Consulta y descarga los logotipos que utilizamos en nuestro repositorio de logotipos en Bitbucket
Imágenes #
Sólo podrás utilizar imágenes en portales de forma limitada, nunca en aplicaciones web.
DESY es un Sistema de Diseño basado casi completamente en texto y en su jerarquía. Como queremos que el protagonista sea el contenido, debemos reducir el uso de imágenes e ilustraciones al mínimo necesario.
Si quieres incluir este elemento en tu proyecto, tienes más información en la pestaña usos de esta página.
Ilustraciones #
Sólo podrás utilizar ilustraciones en portales de forma limitada, nunca en aplicaciones web.
Utilizamos la familia Brooklyn de Streamline cuando es necesario el uso de ilustraciones. Debes configurar los colores #1f2331
- black
y #fdcb33
- warning-base
respectivamente, con fondo transparente.
Consulta la sección de uso de ilustraciones de situación para saber cómo seleccionamos las ilustraciones y qué queremos transmitir con ellas.