Formas


Las esquinas redondeadas poseen un carácter orgánico y el ojo las percibe con naturalidad. En el caso de contenedores de información, las esquinas apuntan al centro, induciendo el foco de atención en el contenido.

Radio (redondeado) para contenedores

Ejemplo Valor Uso
Radius: 4px Uso por defecto para todos los contenedores
Radius: 8px No recomendado: uso para contendores especiales dentro del home uc.cl

Sombreado

Ejemplo Valor Uso
Color: #888888
Alpha: 0.18
Borde: #EAEAEA, 1 px
Blur: 8px
Uso por defecto para todos los contenedores
Color: #000000
Alpha: 0.18
Blur: 20px
Uso para modales
Borde: #EAEAEA, 1 px Uso para contendores no interactivos
Fondo: #F6F6F6 Uso alternativo
Fondo: #0176DE
Color-Sombra: #888888
Alpha: 0.18
Borde: #EAEAEA, 1 px
Blur: 8px
Uso para contenedores destacados o en estado activo