Colors

1. Colors for service providers

Black only, see Bank ID logo and Buttons.
Color Purple for the dark background of the SePa application, it also has a variant with black button padding intended for the light background of the SePa application. Buttons.
Colors Grey are used for inactive states of some buttons.
The colors of other elements in the SePa application depend on the style guide (system design) of SePa. Guide to choosing banks, comply with the listed mandatory elements and take into account the UX Recommendation.

2. Colors for Bank iD screens

These colors are used on Bank iD's own screens to verify and sign the document (i.e. in applications operated by Bankovní identita, a.s.) seen by the user.

3. Use of colors on Bank iD screens

The color “Black” is used in the Bank iD logo and button, see page Bank ID logo and Buttons.

The color "White" is used in the header of the bank selection page, the Bank iD pre-authorization page and for the texts in the footer of these pages, in the Bank iD logo and button.

The color “Purple-1 (button)” is used for a special square variant of the button for a dark background, see page Buttons.

The color “Purple-2 (button)” is used for the inactive state of the square variant of the button for the dark background, see page Buttons.

The color “Grey-1” is used for all headings, texts, as the footer color of Bank iD screens, for CTA buttons and for the close icon of modal windows.

The color “Grey-2” is used for inactive states of some buttons.

The color “Grey-3” is used for the line separating the title from the details in the modal window, the borders of the bank selection signpost tiles and the shadow-sm of the tiles, and for the inactive states of some buttons.

The color "Grey-4" is used for the buttons in the modal window of the questionnaire on the bank selection signpost.

The color “Grey-5 is used for the background of the Bank iD screens and for the inactive states of some buttons.

The color “Blue-1” is used for links, active icons, interactions on the borders of bank selection tiles.

The color “Blue-2” is used as a bar under the header of the bank selection signpost and pre-authorization page for the link back to the SePa page - it will be displayed for devices under 650px wide.

The color “Red” is used on the error screen for the error icon.

Loading styleguide content...

Colors

1. Colors for service providers

Black only, see Bank ID logo and Buttons.
Color Purple for the dark background of the SePa application, it also has a variant with black button padding intended for the light background of the SePa application. Buttons.
Colors Grey are used for inactive states of some buttons.
The colors of other elements in the SePa application depend on the style guide (system design) of SePa. Guide to choosing banks, comply with the listed mandatory elements and take into account the UX Recommendation.