Componentes UI
Botones, campos, insignias y más elementos con los colores de tu paleta
Alertas
| Sólido | Suave | |
|---|---|---|
Primario | Actualización disponible | Actualización disponible |
Secundario | Actualización disponible | Actualización disponible |
Terciario | Actualización disponible | Actualización disponible |
Acento | Actualización disponible | Actualización disponible |
Superficie | Actualización disponible | Actualización disponible |
Primario#264653
Sólido
Actualización disponible
Suave
Actualización disponible
Secundario#2A9D8F
Sólido
Actualización disponible
Suave
Actualización disponible
Terciario#E9C46A
Sólido
Actualización disponible
Suave
Actualización disponible
Acento#F4A261
Sólido
Actualización disponible
Suave
Actualización disponible
Superficie#E76F51
Sólido
Actualización disponible
Suave
Actualización disponible
Avisos
| Sólido | Suave | Superficie | Contorno | |
|---|---|---|---|---|
Primario | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. |
Secundario | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. |
Terciario | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. |
Acento | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. |
Superficie | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. | ¿Tienes comentarios? Nos encantaría saber tu opinión. |
Primario#264653
Sólido
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Suave
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Superficie
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Contorno
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Secundario#2A9D8F
Sólido
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Suave
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Superficie
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Contorno
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Terciario#E9C46A
Sólido
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Suave
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Superficie
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Contorno
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Acento#F4A261
Sólido
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Suave
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Superficie
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Contorno
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Superficie#E76F51
Sólido
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Suave
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Superficie
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Contorno
¿Tienes comentarios?
Nos encantaría saber tu opinión.
Insignias
| Sólido | Suave | Superficie | Contorno | |
|---|---|---|---|---|
Primario | Nuevo | Nuevo | Nuevo | Nuevo |
Secundario | Nuevo | Nuevo | Nuevo | Nuevo |
Terciario | Nuevo | Nuevo | Nuevo | Nuevo |
Acento | Nuevo | Nuevo | Nuevo | Nuevo |
Superficie | Nuevo | Nuevo | Nuevo | Nuevo |
Primario#264653
Sólido
Nuevo
Suave
Nuevo
Superficie
Nuevo
Contorno
Nuevo
Secundario#2A9D8F
Sólido
Nuevo
Suave
Nuevo
Superficie
Nuevo
Contorno
Nuevo
Terciario#E9C46A
Sólido
Nuevo
Suave
Nuevo
Superficie
Nuevo
Contorno
Nuevo
Acento#F4A261
Sólido
Nuevo
Suave
Nuevo
Superficie
Nuevo
Contorno
Nuevo
Superficie#E76F51
Sólido
Nuevo
Suave
Nuevo
Superficie
Nuevo
Contorno
Nuevo
Avatares
| Sólido | Suave | Gradiente sólido | Gradiente suave | |
|---|---|---|---|---|
Primario | E EV | E EV | E EV | E EV |
Secundario | E EV | E EV | E EV | E EV |
Terciario | E EV | E EV | E EV | E EV |
Acento | E EV | E EV | E EV | E EV |
Superficie | E EV | E EV | E EV | E EV |
Primario#264653
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Secundario#2A9D8F
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Terciario#E9C46A
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Acento#F4A261
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Superficie#E76F51
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Progreso
| Sólido | Suave | |
|---|---|---|
Primario | Progreso55% | Progreso55% |
Secundario | Progreso55% | Progreso55% |
Terciario | Progreso55% | Progreso55% |
Acento | Progreso55% | Progreso55% |
Superficie | Progreso55% | Progreso55% |
Primario#264653
Sólido
Progreso55%
Suave
Progreso55%
Secundario#2A9D8F
Sólido
Progreso55%
Suave
Progreso55%
Terciario#E9C46A
Sólido
Progreso55%
Suave
Progreso55%
Acento#F4A261
Sólido
Progreso55%
Suave
Progreso55%
Superficie#E76F51
Sólido
Progreso55%
Suave
Progreso55%
Botones
| Moderno | Clásico | Sólido | Suave | Superficie | Contorno | |
|---|---|---|---|---|---|---|
Primario | ||||||
Secundario | ||||||
Terciario | ||||||
Acento | ||||||
Superficie |
Primario#264653
Moderno
Clásico
Sólido
Suave
Superficie
Contorno
Secundario#2A9D8F
Moderno
Clásico
Sólido
Suave
Superficie
Contorno
Terciario#E9C46A
Moderno
Clásico
Sólido
Suave
Superficie
Contorno
Acento#F4A261
Moderno
Clásico
Sólido
Suave
Superficie
Contorno
Superficie#E76F51
Moderno
Clásico
Sólido
Suave
Superficie
Contorno
Controles de formulario
| Sólido | Suave | |
|---|---|---|
Primario | ||
Secundario | ||
Terciario | ||
Acento | ||
Superficie |
Primario#264653
Sólido
Suave
Secundario#2A9D8F
Sólido
Suave
Terciario#E9C46A
Sólido
Suave
Acento#F4A261
Sólido
Suave
Superficie#E76F51
Sólido
Suave
Campos de entrada
| Predeterminado | Enfoque | |
|---|---|---|
Primario | Marcador | Marcador Texto de ayuda |
Secundario | Marcador | Marcador Texto de ayuda |
Terciario | Marcador | Marcador Texto de ayuda |
Acento | Marcador | Marcador Texto de ayuda |
Superficie | Marcador | Marcador Texto de ayuda |
Primario#264653
Predeterminado
Marcador
Enfoque
Marcador
Texto de ayudaSecundario#2A9D8F
Predeterminado
Marcador
Enfoque
Marcador
Texto de ayudaTerciario#E9C46A
Predeterminado
Marcador
Enfoque
Marcador
Texto de ayudaAcento#F4A261
Predeterminado
Marcador
Enfoque
Marcador
Texto de ayudaSuperficie#E76F51
Predeterminado
Marcador
Enfoque
Marcador
Texto de ayudaEnlaces
| En línea | |
|---|---|
Primario | Visita la documentación para aprender más sobre la API de colores. |
Secundario | Visita la documentación para aprender más sobre la API de colores. |
Terciario | Visita la documentación para aprender más sobre la API de colores. |
Acento | Visita la documentación para aprender más sobre la API de colores. |
Superficie | Visita la documentación para aprender más sobre la API de colores. |
Primario#264653
En línea
Visita la documentación para aprender más sobre la API de colores.
Secundario#2A9D8F
En línea
Visita la documentación para aprender más sobre la API de colores.
Terciario#E9C46A
En línea
Visita la documentación para aprender más sobre la API de colores.
Acento#F4A261
En línea
Visita la documentación para aprender más sobre la API de colores.
Superficie#E76F51
En línea
Visita la documentación para aprender más sobre la API de colores.
Pestañas
| Subrayado | |
|---|---|
Primario | Cuenta Pedidos Ajustes Notif. |
Secundario | Cuenta Pedidos Ajustes Notif. |
Terciario | Cuenta Pedidos Ajustes Notif. |
Acento | Cuenta Pedidos Ajustes Notif. |
Superficie | Cuenta Pedidos Ajustes Notif. |
Primario#264653
Subrayado
Cuenta
Pedidos
Ajustes
Notif.
Secundario#2A9D8F
Subrayado
Cuenta
Pedidos
Ajustes
Notif.
Terciario#E9C46A
Subrayado
Cuenta
Pedidos
Ajustes
Notif.
Acento#F4A261
Subrayado
Cuenta
Pedidos
Ajustes
Notif.
Superficie#E76F51
Subrayado
Cuenta
Pedidos
Ajustes
Notif.