Dev Kit UI

Definición de la paleta cromática del sitio, estandarización de estilos y variantes de botones, y reemplazo de elementos visuales basados en imágenes por componentes semánticos en HTML.

Brand Color

Definir los colores de marca y sus variantes cromáticas.

Rojo 1 rgb (226, 26, 31)

Rojo 2 rgb (255, 0, 0)

Rojo 3 rgb (255, 33, 33)

Rojo 4 rgb (242, 11, 29)

Negro rgb (0, 0, 0)

Verde rgb (129, 177, 71)

Celeste rgb (0, 117, 228)

Botones

Hay 4 tipos de botones: accent, primario, secundario y link

Sería correcto definir una opción formal como así también su apariencia en estado normal, hover y active

Accent

Los botones "accent" destacan la acción más importante en la pantalla y es el tipo de botón más llamatico. Por este motivo se recomienda que se destaque solo uno por pantalla para no abrumar visualmente al usuario.

Accent 1

Accent 2

Primario

Los botones "primarios" destacan la segunda acción más importante en la pantalla, tienen menos carga visual para que puedan visualizarse solo un par por pantalla.

Primario 1

Primario 2

Secundario

Los botones "secundarios" se encuentran en el tercer nivel de jerarquía para ejecutar la acción en la pantalla. , tienen menos carga visual para que puedan visualizarse varios en pantalla.

SECUNDARIO