Så anpassar du white label-portalen efter ditt varumärke

Det här levererar du:

Primär färgskala: tio nyanser från 900 (mörkast) till 50 (ljusast), som hexvärden. Standardnyansen är 800. Matcha ljusstyrkan i varje steg mot Qvalias skala nedan.
Semantiska färger (valfritt): success, attention, error och other, var och en i 800, 200 och 100. Behåller du Qvalias standardfärger behöver du inte skicka dem.
Logotyp: i SVG-format. Den visas med en höjd på högst 24 px i det övre fältet. Skicka en version som fungerar mot din primärfärg 800, oftast en vit eller ljus logotyp.

Skicka värdena i samma struktur som leveransmallen nedan, eller i ett kalkylark med samma struktur, tillsammans med din SVG-logotyp. Varumärket behövs innan Qvalia kan bygga din portal.

Tillgänglighet

Primärfärgerna används för primära och sekundära knappar, länkar och markerat läge i sidomenyn. Kontrollera att text på varje variant uppfyller WCAG:s kontrastkrav på minst 4,5:1 för normal text. Viktigast är de här kombinationerna:

vit text på 800 och 900
text i 800 på 200 och 300

Var varje primärnyans används

Nyans

Används till

900

Primär knapp, nedtryckt läge

800

Primär knapp, standardläge; tertiära knappar och textknappar; markerat menyval; bakgrund i övre fältet

700

Primär knapp, hovringsläge

400

Sekundär knapp, nedtryckt läge

300

Sekundär knapp, standardläge

200

Sekundära och tertiära knappar, hovringsläge; bakgrund för markerat menyval

I sidomenyn används primärfärgerna för markerade lägen och grundfärgerna för omarkerade.

Färger som inte ändras

Grundfärgerna (primitives) används för text, konturer, inmatningsfält och inaktiverade lägen. Standardfärgen för text är 900. Dem ersätter du inte.

Grundfärg

Hex

900

#303037

800

#4B4B57

700

#898B9D

500

#8F8F94

200

#D6D7DD

100

#EEEEF1

#FFFFFF

Leveransmall

Qvalias standardvärden visar vilken ljusstyrka vart och ett av dina värden ska matcha.

Token

Qvalias standardvärde

Primary 900

#262D8A

Primary 800

#313896

Primary 700

#5C62BD

Primary 600

#8387C4

Primary 500

#BFC2DE

Primary 400

#D2D4E8

Primary 300

#E0E1F0

Primary 200

#EEEFFB

Primary 100

#F4F5FA

Primary 50

#F8F9FC

Success 800 (valfritt)

#27AE60

Success 200 (valfritt)

#DBF7EA

Success 100 (valfritt)

#F2FDF7

Attention 800 (valfritt)

#FF7A00

Attention 200 (valfritt)

#FEF2DF

Attention 100 (valfritt)

#FFF8ED

Error 800 (valfritt)

#D23151

Error 200 (valfritt)

#FEE3E3

Error 100 (valfritt)

#FFF5F5

Other 800 (valfritt)

#682FAE

Other 200 (valfritt)

#F6ECF8

Other 100 (valfritt)

#FBF8FC

Logotyp

SVG, högst 24 px hög

De semantiska färgerna används för aviseringar och statusar, till exempel bekräftelsen när en faktura släpps från spärr, statusetiketter för till exempel godkända eller avvisade dokument, och destruktiva åtgärder som att ta bort något.

Om det fortfarande inte fungerar

Kontrollera att du har skickat alla tio primärnyanser som hexvärden och att logotypen är en SVG som går att läsa mot din primärfärg 800.
Ha ditt partneralias och filen eller kalkylarket du skickade till hands.
Kontakta din partneransvariga på Qvalia, eller Qvalias support via qvalia.com/contact-support.