Colors and Fonts


Colors

The following color values from the KIT color palette were defined for employer communication:

KIT green: CMYK 100/0/60/0 - RGB 0/150/130 - HEX #00876c

  • Use for text field
  • Use for "create" claim field

Mint green: CMYK KIT green 40% - RGB 183/255/245 - HEX #b7fff5

  • Use for rays graphic element
  • Use for field "impact" claim

Dark blue: CMYK 100/17/0/73 - RGB 0/45/76 - HEX #002d4c

  • Use for background graphic element
Farbwerte der Arbeitgeberkommunikation
Color values

Font and Font Sizes

The Franklin Gothic Medium (FGM) font is used for texts in the context of employer communication.

FormatGrid sizeClaim sizeFont type/size
DIN A020 mm20 fields wide / 400 mmHeadline: Franklin Gothic Medium Bold, 100pt, line spacing 100pt, followed by 100pt
Body text: FGM Regular, 80pt, ZAB 100pt
DIN A114 mm20 fields wide / 280 mm

Head: Franklin Gothic Medium Bold, 74pt, ZAB 74pt
Flow: Franklin Gothic Medium Regular, 57pt, ZAB 74pt

DIN A37 mm20 fields wide / 140 mm

Head: FGM Bold, 37pt, ZAB 37pt
Flow: FGM Regular, 29pt, ZAB 37pt

Roll-up30 mm5 fields high / 150 mm

Head: Bold 100pt, ZAB 100pt
Flow: Regular 80pt, ZAB 100pt

Public Video Station 1080 x 1920 px25 px20 fields wide / 500 px

Head: Bold 47pt, ZAB 47pt
Flow: Regular 37pt, ZAB 47pt

Media Screens 2160 x 3840 px50 px20 fields wide / 1000 px

Head: Bold 94 pt, ZAB 94pt
Flow: Regular 74pt, 94pt

LinkedIn Banner 1128 x 191 px (Company Banner)20 pxClaim-wide: 80 px highwithout text

LinkedIn Banner 1584 x 396 px (User Banner)

20 px120 px high, claim-wide: 80 px highwithout text
LinkedIn post 1200 x 627 px20 px120 px high, center alignment: 150 px high;
Claim-wide:
Head: Bold 40pt, ZAB 40pt
Body: Regular 35pt, ZAB 40pt
Text ONLY:
Head: Bold 80pt, ZAB 80pt
Flow: Regular 70pt, ZAB 80pt
LinkedIn 1:1 - 1080 x 1080 px20 px180 px highHead: Bold 40pt, ZAB 40pt
Flow: Regular 35pt, ZAB 40pt
Text ONLY:
Head: Bold 60pt, ZAB 60pt
Body: Regular 50pt, ZAB 50pt
With Canva:
Head: 32pt, ZAB1 - Body: 29pt, ZAB 1.1
Head: 50pt, ZAB 1 - Flow: 41pt, ZAB 1.1
LinkedIn 4:5 - 1,080 x 1,350 px20 px

150 px high (image/text)
180px high (text only)
Maximum width (image only)

Head: Bold 40pt, ZAB 40pt
Body: Regular 35pt, ZAB 40pt
Text ONLY:
Head: Bold 70pt, ZAB 70pt
Body: Regular 60pt, ZAB 60pt
With Canva:
Head: 32pt, ZAB1 - Body: 29pt, ZAB 1.1
Head: 48pt, ZAB 1 - Body: 41pt, ZAB 1.1
LinkedIn 9:16 - 1,080 x 1,920 px20 px180 px high
Maximum width (text only)
Head: Bold 40pt, ZAB 40pt
Flow: Regular 35pt, ZAB 40pt
Text ONLY:
Head: Bold 60pt, ZAB 60pt
Body: Regular 50pt, ZAB 50pt
With Canva:
Head: 32pt, ZAB1 - Body: 29pt, ZAB 1.1
Head: 50pt, ZAB 1 - Flow: 41pt, ZAB 1.1
LinkedIn 16:9 - 1,920 x 608 px20 px150 px high
Claim-wide: 100px high
110 px high (image only)
Head: Bold 40pt, ZAB 40pt
Flow: Regular 35pt, ZAB 40pt
Text ONLY:
Head: Bold 60pt, ZAB 60pt
Body: Regular 50pt, ZAB 50pt
With Canva:
Head: 32pt, ZAB1 - Body: 29pt, ZAB 1.1
Head: 50pt, ZAB 1 - Flow: 41pt, ZAB 1.1
Instagram Post/Carousel - 1,080 x 1,340 px20 px

600 px wide
800 px wide

Head: Bold 60pt, ZAB 60pt
Head: Bold 80pt, ZAB 80pt
Flow: Regular 60pt, ZAB 60pt
Flow: Bold 70pt, ZAB 70pt
With Canva:
Head: 60pt, ZAB1 - Flow: 56pt, ZAB 1.1
Head: 32pt, ZAB 1 - Flow: 29pt, ZAB 1.1

Instagram Story/Reel - 1,080 x 1,920 px20 px600 px wide
800 px wide
Head: Bold 60pt, ZAB 60pt
Head: Bold 80pt, ZAB 80pt
Flow: Regular 60pt, ZAB 60pt
Flow: Bold 70pt, ZAB 70pt
With Canva:
Head: 60pt, ZAB1 - Flow: 56pt, ZAB 1.1
Head: 32pt, ZAB 1 - Flow: 29pt, ZAB 1.1