UI-Komponenten
Buttons, Eingabefelder, Badges und mehr in Ihren Palettenfarben
Hinweise
| Vollton | Weich | |
|---|---|---|
Primär | Update verfügbar | Update verfügbar |
Sekundär | Update verfügbar | Update verfügbar |
Tertiär | Update verfügbar | Update verfügbar |
Akzent | Update verfügbar | Update verfügbar |
Oberfläche | Update verfügbar | Update verfügbar |
Primär#264653
Vollton
Update verfügbar
Weich
Update verfügbar
Sekundär#2A9D8F
Vollton
Update verfügbar
Weich
Update verfügbar
Tertiär#E9C46A
Vollton
Update verfügbar
Weich
Update verfügbar
Akzent#F4A261
Vollton
Update verfügbar
Weich
Update verfügbar
Oberfläche#E76F51
Vollton
Update verfügbar
Weich
Update verfügbar
Hinweisboxen
| Vollton | Weich | Oberfläche | Umriss | |
|---|---|---|---|---|
Primär | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. |
Sekundär | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. |
Tertiär | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. |
Akzent | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. |
Oberfläche | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. | Feedback? Wir würden gerne Ihre Meinung erfahren. |
Primär#264653
Vollton
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Weich
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Oberfläche
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Umriss
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Sekundär#2A9D8F
Vollton
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Weich
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Oberfläche
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Umriss
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Tertiär#E9C46A
Vollton
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Weich
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Oberfläche
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Umriss
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Akzent#F4A261
Vollton
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Weich
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Oberfläche
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Umriss
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Oberfläche#E76F51
Vollton
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Weich
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Oberfläche
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Umriss
Feedback?
Wir würden gerne Ihre Meinung erfahren.
Abzeichen
| Vollton | Weich | Oberfläche | Umriss | |
|---|---|---|---|---|
Primär | Neu | Neu | Neu | Neu |
Sekundär | Neu | Neu | Neu | Neu |
Tertiär | Neu | Neu | Neu | Neu |
Akzent | Neu | Neu | Neu | Neu |
Oberfläche | Neu | Neu | Neu | Neu |
Primär#264653
Vollton
Neu
Weich
Neu
Oberfläche
Neu
Umriss
Neu
Sekundär#2A9D8F
Vollton
Neu
Weich
Neu
Oberfläche
Neu
Umriss
Neu
Tertiär#E9C46A
Vollton
Neu
Weich
Neu
Oberfläche
Neu
Umriss
Neu
Akzent#F4A261
Vollton
Neu
Weich
Neu
Oberfläche
Neu
Umriss
Neu
Oberfläche#E76F51
Vollton
Neu
Weich
Neu
Oberfläche
Neu
Umriss
Neu
Avatare
| Vollton | Weich | Vollton-Verlauf | Weicher Verlauf | |
|---|---|---|---|---|
Primär | E EV | E EV | E EV | E EV |
Sekundär | E EV | E EV | E EV | E EV |
Tertiär | E EV | E EV | E EV | E EV |
Akzent | E EV | E EV | E EV | E EV |
Oberfläche | E EV | E EV | E EV | E EV |
Primär#264653
Vollton
E
EV
Weich
E
EV
Vollton-Verlauf
E
EV
Weicher Verlauf
E
EV
Sekundär#2A9D8F
Vollton
E
EV
Weich
E
EV
Vollton-Verlauf
E
EV
Weicher Verlauf
E
EV
Tertiär#E9C46A
Vollton
E
EV
Weich
E
EV
Vollton-Verlauf
E
EV
Weicher Verlauf
E
EV
Akzent#F4A261
Vollton
E
EV
Weich
E
EV
Vollton-Verlauf
E
EV
Weicher Verlauf
E
EV
Oberfläche#E76F51
Vollton
E
EV
Weich
E
EV
Vollton-Verlauf
E
EV
Weicher Verlauf
E
EV
Fortschritt
| Vollton | Weich | |
|---|---|---|
Primär | Fortschritt55% | Fortschritt55% |
Sekundär | Fortschritt55% | Fortschritt55% |
Tertiär | Fortschritt55% | Fortschritt55% |
Akzent | Fortschritt55% | Fortschritt55% |
Oberfläche | Fortschritt55% | Fortschritt55% |
Primär#264653
Vollton
Fortschritt55%
Weich
Fortschritt55%
Sekundär#2A9D8F
Vollton
Fortschritt55%
Weich
Fortschritt55%
Tertiär#E9C46A
Vollton
Fortschritt55%
Weich
Fortschritt55%
Akzent#F4A261
Vollton
Fortschritt55%
Weich
Fortschritt55%
Oberfläche#E76F51
Vollton
Fortschritt55%
Weich
Fortschritt55%
Schaltflächen
| Modern | Klassisch | Vollton | Weich | Oberfläche | Umriss | |
|---|---|---|---|---|---|---|
Primär | ||||||
Sekundär | ||||||
Tertiär | ||||||
Akzent | ||||||
Oberfläche |
Primär#264653
Modern
Klassisch
Vollton
Weich
Oberfläche
Umriss
Sekundär#2A9D8F
Modern
Klassisch
Vollton
Weich
Oberfläche
Umriss
Tertiär#E9C46A
Modern
Klassisch
Vollton
Weich
Oberfläche
Umriss
Akzent#F4A261
Modern
Klassisch
Vollton
Weich
Oberfläche
Umriss
Oberfläche#E76F51
Modern
Klassisch
Vollton
Weich
Oberfläche
Umriss
Formularsteuerungen
| Vollton | Weich | |
|---|---|---|
Primär | ||
Sekundär | ||
Tertiär | ||
Akzent | ||
Oberfläche |
Primär#264653
Vollton
Weich
Sekundär#2A9D8F
Vollton
Weich
Tertiär#E9C46A
Vollton
Weich
Akzent#F4A261
Vollton
Weich
Oberfläche#E76F51
Vollton
Weich
Eingabefelder
| Standard | Fokus | |
|---|---|---|
Primär | Platzhalter | Platzhalter Hilfetext |
Sekundär | Platzhalter | Platzhalter Hilfetext |
Tertiär | Platzhalter | Platzhalter Hilfetext |
Akzent | Platzhalter | Platzhalter Hilfetext |
Oberfläche | Platzhalter | Platzhalter Hilfetext |
Primär#264653
Standard
Platzhalter
Fokus
Platzhalter
HilfetextSekundär#2A9D8F
Standard
Platzhalter
Fokus
Platzhalter
HilfetextTertiär#E9C46A
Standard
Platzhalter
Fokus
Platzhalter
HilfetextAkzent#F4A261
Standard
Platzhalter
Fokus
Platzhalter
HilfetextOberfläche#E76F51
Standard
Platzhalter
Fokus
Platzhalter
HilfetextLinks
| Inline | |
|---|---|
Primär | Besuchen Sie die Dokumentation um mehr über die Farb-API. |
Sekundär | Besuchen Sie die Dokumentation um mehr über die Farb-API. |
Tertiär | Besuchen Sie die Dokumentation um mehr über die Farb-API. |
Akzent | Besuchen Sie die Dokumentation um mehr über die Farb-API. |
Oberfläche | Besuchen Sie die Dokumentation um mehr über die Farb-API. |
Primär#264653
Inline
Besuchen Sie die Dokumentation um mehr über die Farb-API.
Sekundär#2A9D8F
Inline
Besuchen Sie die Dokumentation um mehr über die Farb-API.
Tertiär#E9C46A
Inline
Besuchen Sie die Dokumentation um mehr über die Farb-API.
Akzent#F4A261
Inline
Besuchen Sie die Dokumentation um mehr über die Farb-API.
Oberfläche#E76F51
Inline
Besuchen Sie die Dokumentation um mehr über die Farb-API.
Registerkarten
| Unterstrichen | |
|---|---|
Primär | Konto Bestellungen Einstellungen Benachr. |
Sekundär | Konto Bestellungen Einstellungen Benachr. |
Tertiär | Konto Bestellungen Einstellungen Benachr. |
Akzent | Konto Bestellungen Einstellungen Benachr. |
Oberfläche | Konto Bestellungen Einstellungen Benachr. |
Primär#264653
Unterstrichen
Konto
Bestellungen
Einstellungen
Benachr.
Sekundär#2A9D8F
Unterstrichen
Konto
Bestellungen
Einstellungen
Benachr.
Tertiär#E9C46A
Unterstrichen
Konto
Bestellungen
Einstellungen
Benachr.
Akzent#F4A261
Unterstrichen
Konto
Bestellungen
Einstellungen
Benachr.
Oberfläche#E76F51
Unterstrichen
Konto
Bestellungen
Einstellungen
Benachr.