Títulos y background

Títulos

Descripción

Se usan para diferenciar el nombre de la escuela y titular los contenidos

Uso

  • Título h1 solo para colocar el nombre de la dependencia
  • Título h2 para los temas principales del contenido
  • Los títulos siguientes se aplicarán de forma jerárquica al contenido

Restricciones

Opciones

  • Alineación izquierda
  • Alineación centrada
  • Alineación derecha

Ícono

Fondo Blanco

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Guinda

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Rosa

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Gris con Patron

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Gris Oscuro

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Gris Azulado

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Gris Amarillo

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Azul Marino

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Blanco con Patron

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Guinda con Patron

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Gris

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Gris Intermedio

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Fondo Gris Oscuro con Patron

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Verde Grisaseo

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Fondo Azul Turquesa

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Título para íconos pequeños (h6)
Texto resaltado
Título para íconos

Título con enlace

Descripción

Se usan para diferenciar el nombre de la escuela y titular los contenidos

Uso

  • Título h1 solo para colocar el nombre de la dependencia
  • Título h2 para los temas principales del contenido
  • Los títulos siguientes se aplicarán de forma jerárquica al contenido

Restricciones

Opciones

  • Alineación izquierda
  • Alineación centrada
  • Alineación derecha

Ícono


Título con fondo

Descripción

título con fondo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Título h3 en guinda

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Título en azul rey

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Título en guinda
Título en azul rey
Título en azul cielo
Título en aquamarino
Título en verde claro
Título en verde
Título en gris oscuro
Título en gris medio
Título en gris claro
Título en naranja
Título en amarillo

Subtítulo

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Éste es un subtitulo grande

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Éste es un subtitulo mediano en negritas

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Backgrounds

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Background - Blanco

Background - Blanco con patrón

Background - Rosa

Background - Guinda

Background - Guinda con patrón

Background - Gris

Background - Gris con patrón

Background - Gris Intermedio

Background - Gris oscuro

Background - Gris oscuro con patron

Background - Gris azulado

Background - Verde grisaseo

Background - Gris Amarillo

Background - Azul Marino

Background - Azul Turquesa