Nieuw: Kleurenoverzicht voor branding organisaties

Basis

Tekst

Licht

#F8F9FA

• Standaard lichte tekstkleur

Donker

#343A40

• Standaard donkere tekstkleur

Identity

Achtergrond

#007BFF

• Achtergrond identity omgeving (Inloggen en identificeren)

Logobalk tekst

• Light

• Dark

• Taalselectie in identity omgeving

Platform

Achtergrond

#F2F6FC

• Achtergrond platform

Logobalk

#007BFF

• Achtergrond van de balk (header) waarin het logo wordt weergegeven

Logobalk tekst

• Light

• Dark

• Gebruikersnaam menu

• Verzoektitel (acties uitvoeren)

• Taalselectie (acties uitvoeren)

Primair

#007BFF

• Navigatie knoppen

• Pagina navigatie

• Menu items (zweven)

• Zoom knoppen (negatief)

• Ondertekenveld geplaatst

• Workflow stappen

• Actie navigatie

• Document headers

• Active font (hyperlinks en breadcrumb active)

• Select (radio, checkbox en switches)

• Spinners en voortgangsbalken

Primair zweven

#0069D9

• Navigatie knoppen (zweven)

• Pagina navigatie (zweven)

Primair uitgeschakeld

#58AAFF

• Navigatie knoppen uitgeschakeld

• Pagina navigatie uitgeschakeld

• Workflow stappen uitgeschakeld

• Select (radio, checkbox en switches) uitgeschakeld

Primair tekst

• Light

• Dark

• Tekstkleur voor alle primaire elementen

E-mail

Knop

#007BFF

• Knop in e-mailuitnodigingen en notificaties

Knop tekst

• Light

• Dark

• Tekstkleur voor knop in e-mailuitnodigningen en notificaties

Geavanceerd

Platform

Secundair

#6C757D

• Optie knoppen (Instellingen, hamburgermenu bij acties uitvoeren)

• Selecteer knoppen (Mijn verzoeken / Alle verzoeken)

Secundair zweven

#5A6268

• Optie knoppen (zweven)

• Selecteer knoppen (zweven)

• Selecteer knoppen (actief)

Secundair uitgeschakeld

#B0B6BA

• Optie knoppen (uitgeschakeld)

Secundair tekst

• Light

• Dark

• Tekstkleur voor alle secundaire elementen

Succes

#28A745

• Succes knoppen (Toevoegen, Verzenden, Ga naar verzoek, Acties uitvoeren, etc)

• Notificatie succes

• Status afgerond

• Premium badges actief (instellingen)

• Ondertekenveld actief

• Badges services integraties - productie (instellingen)

Succes zweven

#218838

• Succes knoppen (zweven)

Succes uitgeschakeld

#74C686

• Succes knoppen (uitgeschakeld)

Succes tekst

• Light

• Dark

• Tekstkleur voor alle succes elementen

Waarschuwing

#FFC107

• Status: verzonden

• Notificatie degraded performance en partial outage

• Badges services integraties - test (instellingen)

• Waarschuwings kaders

Waarschuwing zweven

#E0A800

• Waarschuwingskaders (border)

Waarschuwing uitgeschakeld

#FFD75E

• Waarschuwingskaders (uitgeschakeld)

Waarschuwing tekst

• Light

• Dark

• Tekstkleur voor alle waarschuwing elementen

Gevaar

#DC3545

• Delete/disable knoppen

• Foutmelding kaders

• Notificatie major incident

• Notificatie fout

• Status: fout/verlopen/ingetrokken, etc

Gevaar zweven

#C82333

• Delete/disable knoppen (hover)

• Foutmelding kaders (border)

Gevaar uitgeschakeld

#E97B86

• Delete/disable knoppen (disabled)

• Foutmelding kaders (uitgeschakeld)

Gevaar tekst

• Light

• Dark

• Tekstkleur voor alle gevaar elementen

Info

#17A2B8

• Info kaders

• Placeholders (Specifieke documenten en personen toevoegen in specialist verzoektypen)

• Notificatie maintenance

• Notificatie info

• Status concept

Info zweven

#138496

• Info kaders (border)

• Placeholders (border)

Info uitgeschakeld

#67C3D0

• Info kaders (uitgeschakeld)

• Placeholders (uitgeschakeld)

Info tekst

• Light

• Dark

• Tekstkleur voor alle info elementen