Contingencia 1

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 2

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 3

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 4

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 5

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Otras Contingencias

Contingencia 1

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 2

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 3

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 4

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 5

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Encuentra mas información

Onemi

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Shoa

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Framework kit Gobierno

Colores #

La paleta de colores que se eligió para el kit responde a la necesidad de mantener la identidad de los colores que componen el sistema de marcas del gobierno pero llevados a un plano más digital.

Es importante mencionar, que los colores provistos por Bootstrap están soportados y los puede ver en la documentación.

Paleta de colores principal #

Primario
(primary)
#006FB3
RGB(0, 111, 179)
Secundario
(secondary)
#FE6565
RGB(254, 101, 101)
Terciario
(tertiary)
#0A132D
RGB(52, 58, 64)
Acentuar
(accent)
#A8B7C7
RGB(33, 37, 41)
Neutral
(neutral)
#EEEEEE
RGB(238, 238, 238)
Gris oscuro
(gray-a)
#4A4A4A
RGB(74, 74, 74)
Gris medio
(gray-b)
#8A8A8A
RGB(138, 138, 138)
Negro
(black)
#111111
RGB(17, 17, 17)
Blanco
(white)
#FFFFFF
RGB(255, 255, 255)

Estos colores, tienen entre paréntesis el nombre del color en el framework los que pueden ser utilizados para colorear los distintos componentes es este. Bootstrap viene con una lista de colores y las clases css para utilizarlas. Este framework extiende las mismas funcionalidades con los colores previamente definidos.

Otros colores #

Morado
(purple)
#6633CC
RGB(102, 51, 204)
Naranjo
(orange)
#E0701E
RGB(224, 112, 30)
Naranjo claro
(orange-light)
#FFA11B
RGB(255, 161, 27)
Verde
(green)
#2D717C
RGB(45, 113, 124)

Utilización de colores #

Títulos
black
Párrafos
gray-a
Íconos
gray-b
Fondo
white
Bordes
accent

Colores del logo #

primary
secondary
gray-a

Color en texto #

Bootstrap provee de clases que permiten aplicar color al texto. Para ello basta con utilizar la clase .text-x donde x es el nombre del color a utilizar.

A continuación, algunos ejemplos con la paleta de colores principal:

Texto con color "primary"
Texto con color "secondary"
Texto con color "tertiary"
Texto con color "accent"
Texto con color "gray-a"
Texto con color "gray-b"
Texto con color "gray-c"
Texto con color "purple"
Texto con color "orange"
Texto con color "orange-light"
Texto con color "green"

                    

Colores de fondo #

Para colorear el fondo tenemos las clases de Bootstrap .bg-x donde x es el nombre del color a utilizar.

Este kit extiende dichas clases y añade los colores de la paleta principal y secundaria. A continuación una lista de ejemplos:

.bg-primary
.bg-secondary
.bg-tertiary
.bg-accent
.bg-neutral
.bg-gray-a
.bg-gray-b
.bg-black
.bg-purple
.bg-orange
.bg-orange-light
.bg-green

                    

Alertas y bordes #

Otras clases de utilidad disponibles son las alertas .alert-x y los bordes .border-x, donde x es el nombre del color a aplicar. Sin embargo, para estos casos sólo están disponibles los colores provistos por Bootstrap, listados en su documentación.

A continuación un par de ejemplos de su aplicación:

Alert de Bootstrap con fondo "accent" y borde "primary"
Alert de Bootstrap con fondo "danger" y borde "dark"