FlowDule

Farvekoder og statusindikatorer

Forstå FlowDules farvesystem for behandlere, bookingstatus og servicetyper.

FlowDules kalender bruger et lagdelt farvesystem til at formidle flere informationsdimensioner — behandler, status og servicetype — uden at skabe visuelt kaos. Systemet er designet til at være intuitivt og tilgængeligt, også for farveblinde brugere.

De tre visuelle lag

Hvert bookingkort i kalenderen kommunikerer tre typer information gennem tre adskilte visuelle lag.

Lag 1: Behandlerfarve (hvem?)

En 4px farvet kant på venstre side af bookingkortet viser hvilken behandler aftalen tilhører. Kortet har desuden en svag baggrundstone i samme farve.

Dette besvarer spørgsmålet: “Hvis aftale er dette?” med et hurtigt blik.

Lag 2: Statusindikator (hvad er status?)

En lille farvet prik (6-8px) med et tilhørende ikon viser bookingens aktuelle status:

StatusFarveIkonBeskrivelse
BekræftetGrønFluebenAftalen er bekræftet
AfventendeAmberUrVenter på bekræftelse
AflystRødKrydsAftalen er aflyst
GennemførtGråFlueben (udfyldt)Aftalen er gennemført
UdeblivelseMørkerødUdråbstegnKlienten mødte ikke op

Lag 3: Servicetype (hvad?)

Servicetypen vises som tekst og et valgfrit ikon — aldrig som baggrundsfarve, da det ville kollidere med behandlerfarven. I kompakte kalenderceller vises kun klientnavn og tid; servicenavnet vises ved tryk på kortet.

Bookingkortets informationshierarki

Teksten på et bookingkort følger en fast prioritering:

  1. Klientnavn — Størst og tydeligst (14px, halvfed)
  2. Tidsinterval — Sekundær tekst (13px, medium)
  3. Servicenavn — Kun i agendavisning eller ved tryk (12px, normal)

I kompakte kalenderceller vises kun de første to niveauer. De resterende detaljer afsløres når du trykker på kortet.

Farvetilgængelighed

FlowDule bruger en farveblindvenlig palette baseret på Wong/Krzywinski-standarden. De otte grundfarver kan skelnes af brugere med deuteranopia, protanopia og tritanopia:

  • Orange, Himmelblå, Blåliggrøn, Gul, Blå, Vermillion, Rødlig lilla, og flere

For virksomheder med mere end 8 behandlere udvides paletten automatisk med farver der adskiller sig i lyshed (ikke kun nuance).

Mørk tilstand

Kalenderen understøtter fuld mørk tilstand. Farver justeres automatisk:

  • Behandlerfarver dæmpes og skifter til lysere toner for at bevare kontrast
  • Gitterlinjer reduceres til svag hvid
  • Statusindikatorer bruger lysere varianter (f.eks. bekræftet skifter fra mørke- til lysegrøn)
  • Tidslinjen ændres til koralrød for synlighed mod mørke flader

Næste skridt

Sidst opdateret: 10. marts 2026