Componenti UI
Pulsanti, campi, badge e altri elementi nei colori della tua palette
Avvisi
| Pieno | Morbido | |
|---|---|---|
Primario | Aggiornamento disponibile | Aggiornamento disponibile |
Secondario | Aggiornamento disponibile | Aggiornamento disponibile |
Terziario | Aggiornamento disponibile | Aggiornamento disponibile |
Accento | Aggiornamento disponibile | Aggiornamento disponibile |
Superficie | Aggiornamento disponibile | Aggiornamento disponibile |
Primario#264653
Pieno
Aggiornamento disponibile
Morbido
Aggiornamento disponibile
Secondario#2A9D8F
Pieno
Aggiornamento disponibile
Morbido
Aggiornamento disponibile
Terziario#E9C46A
Pieno
Aggiornamento disponibile
Morbido
Aggiornamento disponibile
Accento#F4A261
Pieno
Aggiornamento disponibile
Morbido
Aggiornamento disponibile
Superficie#E76F51
Pieno
Aggiornamento disponibile
Morbido
Aggiornamento disponibile
Richiami
| Pieno | Morbido | Superficie | Contorno | |
|---|---|---|---|---|
Primario | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. |
Secondario | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. |
Terziario | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. |
Accento | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. |
Superficie | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. | Hai un feedback? Ci piacerebbe sapere cosa ne pensi. |
Primario#264653
Pieno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Morbido
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Superficie
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Contorno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Secondario#2A9D8F
Pieno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Morbido
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Superficie
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Contorno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Terziario#E9C46A
Pieno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Morbido
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Superficie
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Contorno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Accento#F4A261
Pieno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Morbido
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Superficie
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Contorno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Superficie#E76F51
Pieno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Morbido
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Superficie
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Contorno
Hai un feedback?
Ci piacerebbe sapere cosa ne pensi.
Badge
| Pieno | Morbido | Superficie | Contorno | |
|---|---|---|---|---|
Primario | Nuovo | Nuovo | Nuovo | Nuovo |
Secondario | Nuovo | Nuovo | Nuovo | Nuovo |
Terziario | Nuovo | Nuovo | Nuovo | Nuovo |
Accento | Nuovo | Nuovo | Nuovo | Nuovo |
Superficie | Nuovo | Nuovo | Nuovo | Nuovo |
Primario#264653
Pieno
Nuovo
Morbido
Nuovo
Superficie
Nuovo
Contorno
Nuovo
Secondario#2A9D8F
Pieno
Nuovo
Morbido
Nuovo
Superficie
Nuovo
Contorno
Nuovo
Terziario#E9C46A
Pieno
Nuovo
Morbido
Nuovo
Superficie
Nuovo
Contorno
Nuovo
Accento#F4A261
Pieno
Nuovo
Morbido
Nuovo
Superficie
Nuovo
Contorno
Nuovo
Superficie#E76F51
Pieno
Nuovo
Morbido
Nuovo
Superficie
Nuovo
Contorno
Nuovo
Avatar
| Pieno | Morbido | Gradiente pieno | Gradiente morbido | |
|---|---|---|---|---|
Primario | E EV | E EV | E EV | E EV |
Secondario | E EV | E EV | E EV | E EV |
Terziario | E EV | E EV | E EV | E EV |
Accento | E EV | E EV | E EV | E EV |
Superficie | E EV | E EV | E EV | E EV |
Primario#264653
Pieno
E
EV
Morbido
E
EV
Gradiente pieno
E
EV
Gradiente morbido
E
EV
Secondario#2A9D8F
Pieno
E
EV
Morbido
E
EV
Gradiente pieno
E
EV
Gradiente morbido
E
EV
Terziario#E9C46A
Pieno
E
EV
Morbido
E
EV
Gradiente pieno
E
EV
Gradiente morbido
E
EV
Accento#F4A261
Pieno
E
EV
Morbido
E
EV
Gradiente pieno
E
EV
Gradiente morbido
E
EV
Superficie#E76F51
Pieno
E
EV
Morbido
E
EV
Gradiente pieno
E
EV
Gradiente morbido
E
EV
Progresso
| Pieno | Morbido | |
|---|---|---|
Primario | Progresso55% | Progresso55% |
Secondario | Progresso55% | Progresso55% |
Terziario | Progresso55% | Progresso55% |
Accento | Progresso55% | Progresso55% |
Superficie | Progresso55% | Progresso55% |
Primario#264653
Pieno
Progresso55%
Morbido
Progresso55%
Secondario#2A9D8F
Pieno
Progresso55%
Morbido
Progresso55%
Terziario#E9C46A
Pieno
Progresso55%
Morbido
Progresso55%
Accento#F4A261
Pieno
Progresso55%
Morbido
Progresso55%
Superficie#E76F51
Pieno
Progresso55%
Morbido
Progresso55%
Pulsanti
| Moderno | Classico | Pieno | Morbido | Superficie | Contorno | |
|---|---|---|---|---|---|---|
Primario | ||||||
Secondario | ||||||
Terziario | ||||||
Accento | ||||||
Superficie |
Primario#264653
Moderno
Classico
Pieno
Morbido
Superficie
Contorno
Secondario#2A9D8F
Moderno
Classico
Pieno
Morbido
Superficie
Contorno
Terziario#E9C46A
Moderno
Classico
Pieno
Morbido
Superficie
Contorno
Accento#F4A261
Moderno
Classico
Pieno
Morbido
Superficie
Contorno
Superficie#E76F51
Moderno
Classico
Pieno
Morbido
Superficie
Contorno
Controlli modulo
| Pieno | Morbido | |
|---|---|---|
Primario | ||
Secondario | ||
Terziario | ||
Accento | ||
Superficie |
Primario#264653
Pieno
Morbido
Secondario#2A9D8F
Pieno
Morbido
Terziario#E9C46A
Pieno
Morbido
Accento#F4A261
Pieno
Morbido
Superficie#E76F51
Pieno
Morbido
Campi di input
| Predefinito | Focus | |
|---|---|---|
Primario | Segnaposto | Segnaposto Testo di aiuto |
Secondario | Segnaposto | Segnaposto Testo di aiuto |
Terziario | Segnaposto | Segnaposto Testo di aiuto |
Accento | Segnaposto | Segnaposto Testo di aiuto |
Superficie | Segnaposto | Segnaposto Testo di aiuto |
Primario#264653
Predefinito
Segnaposto
Focus
Segnaposto
Testo di aiutoSecondario#2A9D8F
Predefinito
Segnaposto
Focus
Segnaposto
Testo di aiutoTerziario#E9C46A
Predefinito
Segnaposto
Focus
Segnaposto
Testo di aiutoAccento#F4A261
Predefinito
Segnaposto
Focus
Segnaposto
Testo di aiutoSuperficie#E76F51
Predefinito
Segnaposto
Focus
Segnaposto
Testo di aiutoLink
| In linea | |
|---|---|
Primario | Visita la documentazione per saperne di più sulla API dei colori. |
Secondario | Visita la documentazione per saperne di più sulla API dei colori. |
Terziario | Visita la documentazione per saperne di più sulla API dei colori. |
Accento | Visita la documentazione per saperne di più sulla API dei colori. |
Superficie | Visita la documentazione per saperne di più sulla API dei colori. |
Primario#264653
In linea
Visita la documentazione per saperne di più sulla API dei colori.
Secondario#2A9D8F
In linea
Visita la documentazione per saperne di più sulla API dei colori.
Terziario#E9C46A
In linea
Visita la documentazione per saperne di più sulla API dei colori.
Accento#F4A261
In linea
Visita la documentazione per saperne di più sulla API dei colori.
Superficie#E76F51
In linea
Visita la documentazione per saperne di più sulla API dei colori.
Schede
| Sottolineato | |
|---|---|
Primario | Account Ordini Impostazioni Notif. |
Secondario | Account Ordini Impostazioni Notif. |
Terziario | Account Ordini Impostazioni Notif. |
Accento | Account Ordini Impostazioni Notif. |
Superficie | Account Ordini Impostazioni Notif. |
Primario#264653
Sottolineato
Account
Ordini
Impostazioni
Notif.
Secondario#2A9D8F
Sottolineato
Account
Ordini
Impostazioni
Notif.
Terziario#E9C46A
Sottolineato
Account
Ordini
Impostazioni
Notif.
Accento#F4A261
Sottolineato
Account
Ordini
Impostazioni
Notif.
Superficie#E76F51
Sottolineato
Account
Ordini
Impostazioni
Notif.