Gå til hovedinnhold

🎨 Designveiledning for adgangskort

Veileder for designere som skal klargjøre kortdesign til trykking av fysiske adgangskort i Welcome Access.

Oppdatert over en uke siden

Kortproduksjon i Welcome Access

I Welcome Access designer vi én felles mal (HTML + bakgrunnsbilder) og skriver ut fysiske adgangskort fra samme grensesnitt. Kortene produseres på en kortskriver (for eksempel HID FARGO DTC4500e, direkte-til-kort, 300 dpi). Standardstørrelsen er CR80 (85,6 × 54 mm) – tilsvarer ca. 1012 × 638 px ved 300 dpi.

Direkte-til-kort-skrivere dekker nesten hele flaten (“edge-to-edge”), men en svært smal hvit kant kan forekomme.

For hvem er denne veiledningen?

Artikkelen er for designere som lager kort-/badge-design. Dere leverer rene bakgrunnsbilder (PNG/JPG) uten variabel tekst eller bilde, i riktig format og oppløsning.

Variabler som navn, tittel, firma og profilfoto settes inn av Welcome Workdays ved utskrift.

✅ Do & ❌ Don’t

Gjør (Do)

  • Lever CR80-oppsett i 300 dpi, bakgrunn som PNG/JPG uten tekst/variabler

  • Design i CMYK (ikke RGB) for forutsigbare farger

  • Hold en “safe area”: minst 3 mm / 0,125" innenfor kanten for all tekst/logo

  • Legg til tilsvarende bleed når relevant

Unngå (Don’t)

  • Tynne rammer eller presise “hairline”-kanter tett mot kanten (kan se ujevne ut)

  • Forvente 100 % “over-the-edge” på direkte-til-kort-skrivere (en smal kant kan oppstå)

  • Bruke små designelementer eller mønstre/teksturer (for eksempel prikker eller “faded dots”) – dette gjengis sjelden pent på kortskriver

📸 Profilbilde – brukere i Welcome Workdays

Brukerne laster selv opp sitt profilbilde. Viktig å vite for designet:

  • Format: 4:3 (høyde 4, bredde 3)

  • Ansiktet bør plasseres innenfor en sirkel og dekke hele området

  • Vi fjerner ikke bakgrunner, så designet bør ta høyde for enkel/lys bakgrunn

Veiledning som gis til brukere:

  • Passer i 4:3-formatet

  • Hvit/lys bakgrunn

  • Hele ansiktet tydelig, vendt forover, øyne åpne, ingen solbriller

🔧 Variabler som kan brukes i maler

Ved oppsett av HTML-mal kan man hente inn følgende data fra Welcome Workdays:

Bruker:

  • {{userFirstName}}

  • {{userLastName}}

  • {{userFullName}}

  • {{employeeId}}

  • {{jobTitle}}

  • {{profilePhoto}}

Selskap:

  • {{companyName}}

  • {{companyLogo}}

Bakgrunn:

  • {{backgroundImageFront}}

  • {{backgroundImageBack}}

Svarte dette på spørsmålet?