Style Guide

Lumos | v2.0.4

Typography

Font Styles

u-text-display

Display

u-text-h1

Heading

u-text-h2

Heading

u-text-h3

Heading

u-text-h4

Heading

u-text-h5
Heading
u-text-h6
Heading
u-text-subtitles
Subtitles
u-text-quotes
Quotes
u-text-large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-main

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-link
Text Link

Font Weight

u-weight-regular

Lorem ipsum dolor

u-weight-medium

Lorem ipsum dolor

u-weight-bold

Lorem ipsum dolor

Text alignment

u-text-aligned-left

Lorem ipsum dolor

u-text-aligned-center

Lorem ipsum dolor

u-text-aligned-right

Lorem ipsum dolor

Text wrap

u-text-wrap-balance

Lorem ipsum dolor

u-text-wrap-pretty

Lorem ipsum dolor

Line Clamp

u-line-clamp-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Typography Elements

Ordered List
  1. This is some text
  2. This is some text
  3. This is some text
  1. This is some text
  2. This is some text
  3. This is some text
  1. This is some text
  2. This is some text
  3. This is some text
Unordered List
  • This is some text
  • This is some text
  • This is some text
  • This is some text what happens if the text is long
  • This is some text
  • This is some text
  • This is some text what happens if the text is long
  • This is some text
u-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur

Text Link

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur

Text Link

Block Quotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

Color

Themes

data-theme="light"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="dark"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="invert"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="inherit"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link

Font Families

u-font-body

Lorem ipsum dolor

u-font-heading

Lorem ipsum dolor

u-font-decoration

Lorem ipsum dolor

u-font-display

Lorem ipsum dolor

Text Color

u-text-color-primary

Lorem ipsum dolor

u-text-color-secondary

Lorem ipsum dolor

u-text-color-tertiary

Lorem ipsum dolor

u-text-color-black

Lorem ipsum dolor

u-text-color-brand

Lorem ipsum dolor

u-text-color-red

Lorem ipsum dolor

u-text-color-green

Lorem ipsum dolor

u-color-inherit

Lorem ipsum dolor

u-color-faded

Lorem ipsum dolor

Link Color

u-link-color
u-link-color-secondary

Background Colors

u-bg-color
u-bg-color-secondary
u-bg-color-tertiary
u-bg-color-alternate

Flexbox

Horizontal Flex Utilities

u-hflex-left-top
u-hflex-left-center
u-hflex-left-bottom
u-hflex-left-stretch
u-hflex-center-top
u-hflex-center-center
u-hflex-center-bottom
u-hflex-center-stretch
u-hflex-right-top
u-hflex-right-center
u-hflex-right-bottom
u-hflex-right-stretch
u-hflex-between-top
u-hflex-between-center
u-hflex-between-bottom
u-hflex-between-stretch

Vertical Flex Utilities

u-vflex-left-top
u-vflex-left-center
u-vflex-left-bottom
u-vflex-left-between
u-vflex-center-top
u-vflex-center-center
u-vflex-center-bottom
u-vflex-center-between
u-vflex-right-top
u-vflex-right-center
u-vflex-right-bottom
u-vflex-right-between
u-vflex-stretch-top
u-vflex-stretch-center
u-vflex-stretch-bottom
u-vflex-stretch-between

Other Flex Utilities

u-hflex-wrap
u-vflex-wrap
u-flex-shrink
u-flex-grow
u-flex-noshrink

Align Self Utilities

u-align-self-auto
u-align-self-start
u-align-self-center
u-align-self-end
u-align-self-stretch

Align Items Utilities

u-align-items-variable
u-align-items-start
u-align-items-center
u-align-items-end
u-align-items-stretch

Grid

Grid Utilities

u-grid-custom
u-grid-breakout
u-grid-desktop
u-grid-tablet
u-grid-landscape
u-grid-column-2
u-grid-column-3
u-grid-column-4
u-grid-autofit
u-grid-subgrid

Column Utilities

u-column-custom
u-column-full
u-column-indent
u-column-1
u-column-2
u-column-3
u-column-4
u-column-5
u-column-6
u-column-7
u-column-8
u-column-9
u-column-10
u-column-11
u-column-12

Order Utilities

u-order-first
u-order-first-desktop
u-order-first-tablet
u-order-last
u-order-last-desktop
u-order-last-tablet

Spacing

Gap Utilities

u-gap-none
u-gap-main
u-gap-xxsmall
u-gap-xsmall
u-gap-small
u-gap-medium
u-gap-large
u-gap-xlarge

Row Gap Utilities

u-gap-row-none
u-gap-row-main
u-gap-row-xsmall
u-gap-row-small
u-gap-row-medium
u-gap-row-large
u-gap-row-xlarge

Column Gap Utilities

u-gap-column-none
u-gap-column-main
u-gap-column-xsmall
u-gap-column-small
u-gap-column-medium
u-gap-column-large
u-gap-column-xlarge

Section Spacing Attributes

data-padding-top="none"
data-padding-bottom="none"
data-padding-top="small"
data-padding-bottom="small"
data-padding-top="main"
data-padding-bottom="main"
data-padding-top="large"
data-padding-bottom="large"

Custom Spacing Classes

u-section-header

Margin Top Utilities

u-mt-auto
u-mt-gutter
u-mt-text
u-mt-0
u-mt-1
u-mt-2
u-mt-3
u-mt-4
u-mt-5
u-mt-6
u-mt-7

Margin Bottom Utilities

u-mb-auto
u-mb-gutter
u-mb-text
u-mb-0
u-mb-1
u-mb-2
u-mb-3
u-mb-4
u-mb-5
u-mb-6
u-mb-7

Z-Index

Z-Index

u-zindex-2
u-zindex-3

Miscellaneous

Other Utilities

u-height-screen
u-min-height-70
u-min-height-60
u-max-width-none
u-visual-wrap
u-display-none
u-hide-portrait
u-hide-landscape
u-hide-tablet
u-cover
u-cover-absolute
u-container
u-sr-only
u-margin-trim
u-hide-if-empty
u-hide-if-empty-cms

Positions

Positions

u-position-relative
u-position-absolute
u-position-fixed
u-position-sticky

Prevent Style Cleanup

Eyebrow Text Here

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Ohne Kreditkarte

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Badge
Bitte Business-E-mail verwenden.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Eyebrow Text Here

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Consulting Guide

Candidate Experience mit KI verbessern – ohne den menschlichen Faktor zu verlieren

Candidate Experience mit KI optimieren: So nutzen HR-Teams Automatisierung, um Bewerbende besser zu betreuen – ohne die persönliche Note zu verlieren.

Franziska Wohlfahrt
Senior Content Manager
Zuletzt aktualisiert:
21.05.2026
Mann spricht mit Frau vor einem Laptop - positives Gespräch

Eine positive Candidate Experience ist heute ein entscheidender Wettbewerbsvorteil im Kampf um Talente – und KI kann dabei helfen, sie zu skalieren. Entscheidend ist, wo KI sinnvoll automatisiert und wo menschliche Interaktion den Unterschied macht.

Warum Candidate Experience heute über Recruiting-Erfolg entscheidet

Eine positive Candidate Experience ist heute ein entscheidender Faktor im Recruiting. Bewerber:innen bewerten Unternehmen nicht erst nach der Einstellung, sondern bereits ab dem ersten Kontakt: Wie schnell erhalten sie eine Rückmeldung? Ist der Prozess transparent? Werden sie respektvoll und persönlich angesprochen?

Laut einer Glassdoor-Umfrage aus dem Jahr 2024 teilen 78 % der Bewerber:innen ihre Erfahrungen mit dem Recruiting-Prozess in ihrem Netzwerk – positiv wie negativ. Eine schlechte Candidate Experience kann dem Employer Branding langfristig schaden, die Bewerbungsquote senken und den Fachkräftemangel zusätzlich verschärfen.

Gerade in einem angespannten Arbeitsmarkt gilt: Wer qualifizierte Kandidat:innen gewinnen möchte, muss nicht nur passende Stellen ausschreiben, sondern auch einen professionellen, schnellen und wertschätzenden Bewerbungsprozess bieten.

„Candidate Experience ist kein Nice-to-have. Es ist das Employer Branding des Alltags – und KI kann helfen, es zu skalieren, ohne es zu entmenschlichen.“
– LinkedIn Talent Insights 2024

Wo KI die Candidate Experience verbessert

KI kann Unternehmen dabei unterstützen, Bewerbungsprozesse schneller, strukturierter und nachvollziehbarer zu gestalten. Entscheidend ist jedoch, dass KI nicht als Ersatz für menschliche Kommunikation verstanden wird, sondern als Unterstützung für HR-Teams. Richtig eingesetzt, entlastet sie Recruiter:innen bei administrativen Aufgaben und schafft mehr Raum für persönliche Gespräche.

Candidate Experience mit KI verbessern - Infografik

Schnellere Kommunikation

Automatisierte Eingangsbestätigungen, Statusupdates und Terminvorschläge reduzieren Wartezeiten erheblich. Bewerber:innen müssen nicht mehr tagelang im Unklaren bleiben, ob ihre Bewerbung angekommen ist oder wie es im Prozess weitergeht.

Gerade diese frühen Kontaktpunkte prägen den Gesamteindruck stark. Wer schnell und zuverlässig kommuniziert, vermittelt Professionalität, Wertschätzung und Organisation. Bewerber:innen, die zeitnah Rückmeldung erhalten, bewerten den Prozess häufig positiver – selbst dann, wenn sie am Ende eine Absage erhalten.

Praxis-Tipp: Automatisierte Nachrichten sollten klar, freundlich und konkret formuliert sein. Statt allgemeiner Standardtexte sollten Bewerber:innen erfahren, was als Nächstes passiert, wann sie mit einer Rückmeldung rechnen können und an wen sie sich bei Fragen wenden können.

Weniger Wartezeit durch strukturierte Vorauswahl

Je schneller qualifizierte Kandidat:innen identifiziert werden, desto schneller können HR-Teams Rückmeldungen geben und nächste Schritte einleiten. Besonders bei hohem Bewerbungsvolumen ist das ein wichtiger Vorteil.

Automatisiertes KI-Screening kann die Zeit zwischen Bewerbungseingang und erstem Feedback deutlich reduzieren. Die KI unterstützt dabei, Bewerbungsunterlagen strukturiert auszuwerten und relevante Qualifikationen mit den Anforderungen der Stelle abzugleichen.

Wichtig ist dabei: KI sollte keine endgültigen Personalentscheidungen treffen, sondern Recruiter:innen bei der Vorauswahl unterstützen. Die finale Bewertung gehört weiterhin in menschliche Hände.

Wie das in der Praxis funktioniert: KI-Bewerbungsscreening von OnApply.

Personalisierte Kommunikation trotz Automatisierung

Automatisierung muss nicht unpersönlich sein. Moderne KI-Tools können Nachrichten auf Basis von Bewerbungsinhalt, Stellenprofil und Prozessstatus anpassen. Dadurch wirken Rückmeldungen weniger wie generische Templates und stärker wie individuelle Kommunikation.

Beispiele sind personalisierte Einladungen zum Gespräch, passgenaue Hinweise zum weiteren Ablauf oder individuell formulierte Absagen auf Basis definierter Kriterien.

Entscheidend bleibt die Qualität der Basis-Vorlagen. Unternehmen sollten Tonalität, Sprachstil und Inhalte bewusst festlegen. Eine menschliche Qualitätskontrolle ist besonders bei sensiblen Nachrichten wichtig, etwa bei Absagen nach Gesprächen oder bei Rückfragen zu Gehalts- und Vertragsdetails.

Transparenz durch strukturierte Auswertung

Bewerber:innen erleben einen Recruiting-Prozess als fairer, wenn dieser nachvollziehbar, konsistent und professionell aufgebaut ist. Strukturierte Kriterien helfen dabei, Bewerbungen objektiver zu vergleichen und Entscheidungen besser zu begründen.

Anonymisierte KI-Analysen können zusätzlich unterstützen, indem sie sich auf Qualifikationen, Erfahrungen und stellenrelevante Anforderungen konzentrieren. Dadurch lassen sich subjektive Verzerrungen im Auswahlprozess reduzieren.

Für Unternehmen bedeutet das: Ein strukturierter KI-gestützter Prozess verbessert nicht nur die Candidate Experience, sondern auch die Qualität der Vorauswahl. Bewerber:innen profitieren von klareren Abläufen, schnelleren Rückmeldungen und einem professionellen Gesamteindruck.

Technische Details: KI-Bewerberanalyse: faire und objektive Vorauswahl.

Wo der Mensch unverzichtbar bleibt

Trotz aller Vorteile sollte KI nicht jeden Kontaktpunkt im Recruiting übernehmen. Besonders bei persönlichen Absagen nach mehreren Gesprächsrunden, individuellen Feedbacks oder Entscheidungen bei Senior-Positionen ist menschliche Kommunikation unverzichtbar.

Bewerber:innen erwarten in diesen Situationen Empathie, Kontext und Wertschätzung. Eine automatisierte Standardabsage kann hier schnell unpersönlich wirken und dem positiven Eindruck aus vorherigen Gesprächen schaden.

Der beste Einsatz von KI liegt daher in der Kombination aus Automatisierung und menschlicher Verantwortung: KI übernimmt wiederkehrende, administrative und strukturierende Aufgaben. Recruiter:innen konzentrieren sich auf Beziehungsaufbau, persönliche Gespräche und finale Entscheidungen.

So entsteht eine Candidate Experience, die gleichzeitig effizient und menschlich bleibt.

Weiterführende Ressourcen

Wie strukturierte Interviews die Candidate Experience verbessern: KI im Bewerbungsgespräch. Rechtliche Rahmenbedingungen: DSGVO & KI im Recruiting. Externe Studien: Glassdoor Employer Resources und LinkedIn Talent Solutions.

FAQs

Häufige Fragen zur Candidate Experience mit KI

Schnelle und persönliche Rückmeldungen, transparente Kommunikation über den Prozessstand und ein professioneller, respektvoller Umgang – unabhängig vom Ausgang der Bewerbung.

Nein – es kommt auf den Kontext an. Eingangsbestmätigungen, Statusupdates und Standardabsagen eignen sich gut für Automatisierung. Persönliche Einladungen, Feedbackgespräche und Absagen nach mehreren Runden sollten menschlich bleiben.

Laut einer Umfrage von Glassdoor (2024) brechen 78 % der Bewerber:innen Bewerbungsprozesse ab, wenn sie länger als zwei Wochen keine Rückmeldung erhalten. Schnelle Kommunikation ist ein direkt messbarer Wettbewerbsvorteil.

Ja. Laut LinkedIn Talent Insights teilen 72 % der Bewerber:innen ihre Erfahrungen mit dem Netzwerk – positiv wie negativ. Employer Branding beginnt im Bewerbungsprozess.

Definieren Sie klar, welche Interaktionen automatisiert werden, kommunizieren Sie dies transparent, und stellen Sie sicher, dass KI-Nachrichten persönlich und wertschätzend formuliert sind – nicht wie generierte Templates.

Bewerber:innen besser betreuen mit OnApply

Mit OnApply behalten HR-Teams den Überblick über alle Kandidat:innen und kommunizieren schnell, persönlich und DSGVO-konform.

4.6
4.8
5.0
Guides

Entdecken Sie weitere informative Artikel

Chatbot Recruiting: Wie KI die Kandidatenkommunikation automatisiert

Recruiting Chatbots übernehmen Erstkommunikation, Vorqualifizierung und Terminbuchung – rund um die Uhr. Was HR-Teams 2026 wissen müssen.

KI-Bewerbungen erkennen & richtig bewerten

KI-generierte Bewerbungen erkennen und fair bewerten – so gehen HR-Fachkräfte mit dem neuen Standard professionell um.

Bewerber Vorauswahl mit KI – so geht strukturierte Vorauswahl im Recruiting

Wie funktioniert KI-gestützte Bewerber Vorauswahl? Kriterien, Prozess, Datenschutz und Praxistipps für HR-Teams im Recruiting.