Appearance
Share
An app’s look comes from three things: its Name, its Colour and its Icon.
Colour
Section titled “Colour”The colour is one of the 40 colours of the aidenkt palette, stored by key. Nothing else is accepted, not even a hex value: the API answers 400 invalid_color. The default is kt-green.
The colour:
- fills the app’s tile in Your Apps and in the app switcher;
- tints the sign-in page behind the card when someone signs in to the app;
- shows behind the app’s icon on the consent screen.
Text and buttons on those pages stay KT Accounts’ own, so every colour stays readable.
In the portal, pick a swatch. Through the API, send the key:
{ "color": "early-purple" }The app object carries both the key (color) and its hex value (accent). The full list is in Palette Keys.
Without an icon, the tile shows the app’s first letter on its colour. To make one, see Icon Maker.
Where the App Appears
Section titled “Where the App Appears”| Place | Shows |
|---|---|
| Your Apps and the app switcher | Icon, name, colour; links to the home page |
| The sign-in page, when signing in to the app | Name, icon and colour, beside the KT mark |
| The consent screen | Name, icon, colour, the home page’s domain and where the person is sent back |
| Account Settings, Connected Apps | Name, icon, and the person’s identity inside the app |