API INTEGRATION DESIGN
RECOMMENDATIONS

CHOOSE YOUR LOGIN FORM

Depending on the design of your login form, we have different recommendations regarding how the Freja eID login option can be presented.

The main difference is whether you are using buttons to present the login options for your service, or if you show them in tabs in a modal window.

Example:

Freja eID button:

For the Freja eID button, we recommend you use our brand style. We have different buttons depending on the user level you need.

FOR BASIC/EXTENDED:

Freja eID’s blue color: #3E3A94

Freja eID’s white color: #FFFFFF

FOR PLUS:

Freja eID’s blue color: #3E3A94

Freja eID’s white color: #FFFFFF

Freja eID logo:

We have prepared logos for you to use which you can download below.

FOR BASIC/EXTENDED:

Download

FOR PLUS:

Download

Videos and links:

We recommend linking to our website page that explains the service to new users, as well as instruction videos in Swedish and English on how to register for Freja eID.

1. What is Freja eID?

2. Instructionsfilm (sv)

3. Instruction video (en)

Example:

Explain How to Log In

We recommend you explain to your users how to access your service with Freja eID.
Below you can see how we explain QR code login to our users:

1.1 Get Freja eID, register, and add your document. See how to get it or

1.2 Get Freja eID, add your document and get Freja eID+. See how to get it

2. Scan the QR code on the right with your camera or the Freja eID app

3. You will receive an action in Freja eID to approve

If possible, use QR code loggin as your main preferance. Offer to change loging method but not so prominent.

Videos and links:

We recommend linking to our website page that explains the service to new users, as well as instruction videos in Swedish and English on how to register for Freja eID.

1. What is Freja eID?

2. Instructionsfilm (sv)

3. Instruction video (en)