Regelverk för Toasts
När vi har alla toasts på ett och samma ställe ska reglerna för hur de visas vara på samma sätt. I det första steget kommer de följa de reglerna som ligger under Toast i Fortnox DesignSystem.
För att förenkla rensar vi även upp förgkodningen för Toasts enligt nedan. Lika så adderar vi en skuggning på den för att de ska sticka ut mot övrig information på skärmen.
Informations + SuccessToast – Vit Toast
BG: #FFFFFF
Outline: 1px, #E6E6E6
DropShadow: Blur 7, Spread 3
Ikoner: Info, Congrats, Close #cdcdcd 9x9px
VarningsToast – Gul Toast
BG: #FFF2C9
Outline: 1px, #F4E6BC
DropShadow: Blur 7, Spread 3
Ikoner: Warning, Close #ba9110 9x9px
VarningsToast – Röd Toast
BG: #EB978E
Outline: 1px, #E0A49E
DropShadow: Blur 7, Spread 3
Ikoner: Warning, Close #ab625d 9x9px
Regelverk för Modal
Steg 1
Modalen kommer i första läget vara en singelfunktion. Den kommer inte vara kopplad till några andra meddelanden. I den första steget kommer de följa de reglerna som ligger under Modal i Fortnox DesignSystem.
Steg 2
När kritiska meddelanden i funktionen Systemmeddelanden inte tagits action på kommer vi kunna flasha modellen för användaren när hen kommer in i sin inloggning.
Exakta detaljer för detta måste vart och ett av ”produktteamen” vara med och utforma. I det flera fall kommer detta vara på ett och samma sätt för de flesta. Men det kan skilja sig i vissa delar där användaren måste agera X tid före något, för att hinna genomföra. Dessa variationer har teamen koll på.
Regelverk
Inledande enligt Fortnox DesignSystem.
Prototyp
Prototyp tas fram under Q2/Q3