Componentes UI
Botões, campos, badges e mais elementos nas cores da sua paleta
Alertas
| Sólido | Suave | |
|---|---|---|
Primário | Atualização disponível | Atualização disponível |
Secundário | Atualização disponível | Atualização disponível |
Terciário | Atualização disponível | Atualização disponível |
Acento | Atualização disponível | Atualização disponível |
Superfície | Atualização disponível | Atualização disponível |
Primário#264653
Sólido
Atualização disponível
Suave
Atualização disponível
Secundário#2A9D8F
Sólido
Atualização disponível
Suave
Atualização disponível
Terciário#E9C46A
Sólido
Atualização disponível
Suave
Atualização disponível
Acento#F4A261
Sólido
Atualização disponível
Suave
Atualização disponível
Superfície#E76F51
Sólido
Atualização disponível
Suave
Atualização disponível
Destaques
| Sólido | Suave | Superfície | Contorno | |
|---|---|---|---|---|
Primário | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. |
Secundário | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. |
Terciário | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. |
Acento | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. |
Superfície | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. | Tem feedback? Adoraríamos saber sua opinião. |
Primário#264653
Sólido
Tem feedback?
Adoraríamos saber sua opinião.
Suave
Tem feedback?
Adoraríamos saber sua opinião.
Superfície
Tem feedback?
Adoraríamos saber sua opinião.
Contorno
Tem feedback?
Adoraríamos saber sua opinião.
Secundário#2A9D8F
Sólido
Tem feedback?
Adoraríamos saber sua opinião.
Suave
Tem feedback?
Adoraríamos saber sua opinião.
Superfície
Tem feedback?
Adoraríamos saber sua opinião.
Contorno
Tem feedback?
Adoraríamos saber sua opinião.
Terciário#E9C46A
Sólido
Tem feedback?
Adoraríamos saber sua opinião.
Suave
Tem feedback?
Adoraríamos saber sua opinião.
Superfície
Tem feedback?
Adoraríamos saber sua opinião.
Contorno
Tem feedback?
Adoraríamos saber sua opinião.
Acento#F4A261
Sólido
Tem feedback?
Adoraríamos saber sua opinião.
Suave
Tem feedback?
Adoraríamos saber sua opinião.
Superfície
Tem feedback?
Adoraríamos saber sua opinião.
Contorno
Tem feedback?
Adoraríamos saber sua opinião.
Superfície#E76F51
Sólido
Tem feedback?
Adoraríamos saber sua opinião.
Suave
Tem feedback?
Adoraríamos saber sua opinião.
Superfície
Tem feedback?
Adoraríamos saber sua opinião.
Contorno
Tem feedback?
Adoraríamos saber sua opinião.
Emblemas
| Sólido | Suave | Superfície | Contorno | |
|---|---|---|---|---|
Primário | Novo | Novo | Novo | Novo |
Secundário | Novo | Novo | Novo | Novo |
Terciário | Novo | Novo | Novo | Novo |
Acento | Novo | Novo | Novo | Novo |
Superfície | Novo | Novo | Novo | Novo |
Primário#264653
Sólido
Novo
Suave
Novo
Superfície
Novo
Contorno
Novo
Secundário#2A9D8F
Sólido
Novo
Suave
Novo
Superfície
Novo
Contorno
Novo
Terciário#E9C46A
Sólido
Novo
Suave
Novo
Superfície
Novo
Contorno
Novo
Acento#F4A261
Sólido
Novo
Suave
Novo
Superfície
Novo
Contorno
Novo
Superfície#E76F51
Sólido
Novo
Suave
Novo
Superfície
Novo
Contorno
Novo
Avatares
| Sólido | Suave | Gradiente sólido | Gradiente suave | |
|---|---|---|---|---|
Primário | E EV | E EV | E EV | E EV |
Secundário | E EV | E EV | E EV | E EV |
Terciário | E EV | E EV | E EV | E EV |
Acento | E EV | E EV | E EV | E EV |
Superfície | E EV | E EV | E EV | E EV |
Primário#264653
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Secundário#2A9D8F
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Terciário#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
Superfície#E76F51
Sólido
E
EV
Suave
E
EV
Gradiente sólido
E
EV
Gradiente suave
E
EV
Progresso
| Sólido | Suave | |
|---|---|---|
Primário | Progresso55% | Progresso55% |
Secundário | Progresso55% | Progresso55% |
Terciário | Progresso55% | Progresso55% |
Acento | Progresso55% | Progresso55% |
Superfície | Progresso55% | Progresso55% |
Primário#264653
Sólido
Progresso55%
Suave
Progresso55%
Secundário#2A9D8F
Sólido
Progresso55%
Suave
Progresso55%
Terciário#E9C46A
Sólido
Progresso55%
Suave
Progresso55%
Acento#F4A261
Sólido
Progresso55%
Suave
Progresso55%
Superfície#E76F51
Sólido
Progresso55%
Suave
Progresso55%
Botões
| Moderno | Clássico | Sólido | Suave | Superfície | Contorno | |
|---|---|---|---|---|---|---|
Primário | ||||||
Secundário | ||||||
Terciário | ||||||
Acento | ||||||
Superfície |
Primário#264653
Moderno
Clássico
Sólido
Suave
Superfície
Contorno
Secundário#2A9D8F
Moderno
Clássico
Sólido
Suave
Superfície
Contorno
Terciário#E9C46A
Moderno
Clássico
Sólido
Suave
Superfície
Contorno
Acento#F4A261
Moderno
Clássico
Sólido
Suave
Superfície
Contorno
Superfície#E76F51
Moderno
Clássico
Sólido
Suave
Superfície
Contorno
Controles de formulário
| Sólido | Suave | |
|---|---|---|
Primário | ||
Secundário | ||
Terciário | ||
Acento | ||
Superfície |
Primário#264653
Sólido
Suave
Secundário#2A9D8F
Sólido
Suave
Terciário#E9C46A
Sólido
Suave
Acento#F4A261
Sólido
Suave
Superfície#E76F51
Sólido
Suave
Campos de entrada
| Padrão | Foco | |
|---|---|---|
Primário | Espaço reservado | Espaço reservado Texto de ajuda |
Secundário | Espaço reservado | Espaço reservado Texto de ajuda |
Terciário | Espaço reservado | Espaço reservado Texto de ajuda |
Acento | Espaço reservado | Espaço reservado Texto de ajuda |
Superfície | Espaço reservado | Espaço reservado Texto de ajuda |
Primário#264653
Padrão
Espaço reservado
Foco
Espaço reservado
Texto de ajudaSecundário#2A9D8F
Padrão
Espaço reservado
Foco
Espaço reservado
Texto de ajudaTerciário#E9C46A
Padrão
Espaço reservado
Foco
Espaço reservado
Texto de ajudaAcento#F4A261
Padrão
Espaço reservado
Foco
Espaço reservado
Texto de ajudaSuperfície#E76F51
Padrão
Espaço reservado
Foco
Espaço reservado
Texto de ajudaLinks
| Em linha | |
|---|---|
Primário | Visite a documentação para saber mais sobre a API de cores. |
Secundário | Visite a documentação para saber mais sobre a API de cores. |
Terciário | Visite a documentação para saber mais sobre a API de cores. |
Acento | Visite a documentação para saber mais sobre a API de cores. |
Superfície | Visite a documentação para saber mais sobre a API de cores. |
Primário#264653
Em linha
Visite a documentação para saber mais sobre a API de cores.
Secundário#2A9D8F
Em linha
Visite a documentação para saber mais sobre a API de cores.
Terciário#E9C46A
Em linha
Visite a documentação para saber mais sobre a API de cores.
Acento#F4A261
Em linha
Visite a documentação para saber mais sobre a API de cores.
Superfície#E76F51
Em linha
Visite a documentação para saber mais sobre a API de cores.
Abas
| Sublinhado | |
|---|---|
Primário | Conta Pedidos Configurações Notif. |
Secundário | Conta Pedidos Configurações Notif. |
Terciário | Conta Pedidos Configurações Notif. |
Acento | Conta Pedidos Configurações Notif. |
Superfície | Conta Pedidos Configurações Notif. |
Primário#264653
Sublinhado
Conta
Pedidos
Configurações
Notif.
Secundário#2A9D8F
Sublinhado
Conta
Pedidos
Configurações
Notif.
Terciário#E9C46A
Sublinhado
Conta
Pedidos
Configurações
Notif.
Acento#F4A261
Sublinhado
Conta
Pedidos
Configurações
Notif.
Superfície#E76F51
Sublinhado
Conta
Pedidos
Configurações
Notif.