Bordes redondeados
Contenedores en general
Estos tipos de borde se pueden utilizar en cards, modales e imágenes. Cuanto más grande sea el elemento que requiere implementar el borde, más grande va a ser el redondeado.
Contenedores primitivos
Estos tipos de borde se pueden utilizar en botones, campos de formulario y tooltips. Al ser elementos más pequeños se utiliza un borde redondeado que se complemente.
Elevación
- Desenfoque: 3px
- Desplazamiento en eje X: 0px
- Desplazamiento en eje Y: 1px
- Color de sombra: #38485C
- Opacidad de sombra: 20%
- Desenfoque: 24px
- Desplazamiento en eje X: 0px
- Desplazamiento en eje Y: 0px
- Color de sombra: #38485C
- Opacidad de sombra: 20%
Proporción de la imagen
Las áreas de vista de las imágenes dentro de tarjetas pueden tener cualquiera de estas relaciones.
El tamaño de vista previa predeterminado recomendado es de 2: 1 o 1: 2 para las tarjetas horizontales.
Misceláneas
Divisores fondo blanco
- Contorno: 1px
- Color de contorno: Grisulado 5
- Contorno: 1px
- Color de contorno: Grisulado 5
Primer plano
Modales
Ciertos contenedores pueden requerir una visualización en primer plano para destacar información. La manera de llevar adelante esta acción es aislar el contenedor separándolo del fondo mediante un plano oscuro en transparencia.
- Color de fondo: #000000
- Opacidad de fondo: 35%