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.

5 Tipps zur Bewerberauswahl

Wir haben aus der Erfahrung gelernt, was von Nobelpreisträger Daniel Kahnemann (Thinking fast and slow) bestätigt wurde: Man kann sich nicht auf das Bauchgefühl verlassen. Selbst Google hat dies in einer internen Studie getestet. Es kam heraus: Niemand kann prognostizieren, ob die eingestellte Person die beste für den Job ist. Aber was heißt das nun für die Entscheidung, welche*n Bewerber*in man einstellen sollte?

Tipp 1: Objektivieren Sie Ihre Bewertung und Auswahl

Wir versuchen, jede Ausschreibung rational anzugehen (mehr dazu in unseren Texten Artikel, Kapitel 1). Wenn wir wissen, dass wir jemanden brauchen, definieren wir genau, wen wir brauchen. Dazu benutzen wir eine Scorecard. Auf dieser Bewertungskarte tragen wir die Ziele ein, die in der offenen Position erreicht werden sollen. Wir legen fest, welche Eigenschaften der oder die Bewerber*in mitbringen soll und wir schauen, ob er oder sie unsere Unternehmenswerte vertritt. Der Punkt Unternehmenswerte ist bei onapply der wichtigste. Wird ein Wert nicht erfüllt, kommt ein*e Bewerber*in für uns nicht in Frage, egal wie gut er oder sie ist.
Mit Hilfe der Scorecard machen wir alle Bewerbungen vergleichbar und im Idealfall können wir sie auch noch mit historischen Bewerbungen und Einstellungen vergleichen.

Tipp 2: Fragen Sie K.O. Kriterien so früh wie möglich ab

Nichts ist ärgerlicher, als in einem Interview erst nach 30 Minuten festzustellen, dass unsere K.O. Kriterien auf eine*n Bewerber*in zutreffen. Deshalb fragen wir beispielsweise Gehaltsvorstellungen oder Führerscheinklassen schon bei der Bewerbung mit unserem Bewerbungsfragebogen ab.
Auch für die Bewerber*innen ist es extrem enttäuschend nach vielen Bewerbungsschritten allein aufgrund unpassender Gehaltsvorstellungen abgelehnt zu werden.

Tipp 3: Bewerten Sie Ihre Bewerber*innen eindeutig: Weiter im Prozess oder Absagen!

Es ist wichtig, dass die Entscheider*innen ganz genau sagen können, ob ein*e Bewerber*in in die nächste Runde kommt oder nicht. Am Anfang haben wir unsere Bewerbungen mit einem Sternesystem (1 bis 5 Sterne) bewertet. Dieses System hat uns nicht weitergeholfen, weil es keine klaren Entscheidungen gefördert hat. Was bedeuten 3 Sterne? Zusagen, Absagen, Ersatzbank? Mit einem unklaren Bewertungssystem ist niemandem geholfen.
Inzwischen haben wir ein System eingeführt, bei dem man nach Zusage und Absage bewerten kann. Hierbei unterscheiden wir nochmal in starke Zu- oder Absage und schwache Zu- oder Absage. Hierdurch ist immer klar, welcher Schritt als nächstes getan werden muss.

Tipp 4: Seien Sie sich Ihrer eigenen Befangenheit (Bias) bewusst

Anfangs haben wir bei onapply nur Mitarbeiter*innen eingestellt, die so waren wie wir. Das hat zwar dazu geführt, dass sich immer alle einig waren, aber auch, dass nur wenig neue Ideen und Diversifikationen stattfanden. In einem Workshop haben wir uns deutlich gemacht, welche eigenen Befangenheiten (Bias) wir mit uns herumtragen. Diese rufen wir uns vor jedem Interview zurück in den Kopf, um Bewerber*innen mit möglichst neutraler Brille kennenzulernen und zu bewerten.

Tipp 5: Lassen Sie Bewerber*innen durch eine Gruppe beurteilen

Wie schon angesprochen hat kein Mensch der Welt das Bauchgefühl oder die Skills, die richtige Person für eine Stelle auszuwählen. Deshalb beziehen wir mehrere Mitarbeiter*innen in unseren Entscheidungsprozess mit ein. In unserem Auswahlprozess ist eine Person aus der Personalabteilung anwesend, mindestens eine aus der Fachabteilung, ein*e Manager*in und eine neutrale Person involviert. Das klingt erstmal viel, wir schaffen dadurch aber ein rundes Bild und wirken zum Beispiel zu schnellen Entscheidungen vor, weil es gerade in der Fachabteilung brennt.

Bonus-Tipp: Lassen Sie sich Zeit

Der schlimmste Fehler, vor dem wir gewarnt wurden und den wir natürlich trotzdem gemacht haben: Eine*n Bewerber*in zu schnell und ohne gründliches Auswahlverfahren einzustellen.
Deshalb ist unser letzter Tipp: Nehmen Sie sich die Zeit, die richtige Person zu finden. Lieber warten, als den oder die Falsche*n einzustellen.

5 Tipps zur Bewerberauswahl

Erfahren Sie, wie Sie die richtige Person für Ihren Job finden können: 5 Tipps zur Bewerberauswahl.

Zuletzt aktualisiert:
3.12.2025

5 Tipps zur Bewerberauswahl

Wir haben aus der Erfahrung gelernt, was von Nobelpreisträger Daniel Kahnemann (Thinking fast and slow) bestätigt wurde: Man kann sich nicht auf das Bauchgefühl verlassen. Selbst Google hat dies in einer internen Studie getestet. Es kam heraus: Niemand kann prognostizieren, ob die eingestellte Person die beste für den Job ist. Aber was heißt das nun für die Entscheidung, welche*n Bewerber*in man einstellen sollte?

Tipp 1: Objektivieren Sie Ihre Bewertung und Auswahl

Wir versuchen, jede Ausschreibung rational anzugehen (mehr dazu in unseren Texten Artikel, Kapitel 1). Wenn wir wissen, dass wir jemanden brauchen, definieren wir genau, wen wir brauchen. Dazu benutzen wir eine Scorecard. Auf dieser Bewertungskarte tragen wir die Ziele ein, die in der offenen Position erreicht werden sollen. Wir legen fest, welche Eigenschaften der oder die Bewerber*in mitbringen soll und wir schauen, ob er oder sie unsere Unternehmenswerte vertritt. Der Punkt Unternehmenswerte ist bei onapply der wichtigste. Wird ein Wert nicht erfüllt, kommt ein*e Bewerber*in für uns nicht in Frage, egal wie gut er oder sie ist.
Mit Hilfe der Scorecard machen wir alle Bewerbungen vergleichbar und im Idealfall können wir sie auch noch mit historischen Bewerbungen und Einstellungen vergleichen.

Tipp 2: Fragen Sie K.O. Kriterien so früh wie möglich ab

Nichts ist ärgerlicher, als in einem Interview erst nach 30 Minuten festzustellen, dass unsere K.O. Kriterien auf eine*n Bewerber*in zutreffen. Deshalb fragen wir beispielsweise Gehaltsvorstellungen oder Führerscheinklassen schon bei der Bewerbung mit unserem Bewerbungsfragebogen ab.
Auch für die Bewerber*innen ist es extrem enttäuschend nach vielen Bewerbungsschritten allein aufgrund unpassender Gehaltsvorstellungen abgelehnt zu werden.

Tipp 3: Bewerten Sie Ihre Bewerber*innen eindeutig: Weiter im Prozess oder Absagen!

Es ist wichtig, dass die Entscheider*innen ganz genau sagen können, ob ein*e Bewerber*in in die nächste Runde kommt oder nicht. Am Anfang haben wir unsere Bewerbungen mit einem Sternesystem (1 bis 5 Sterne) bewertet. Dieses System hat uns nicht weitergeholfen, weil es keine klaren Entscheidungen gefördert hat. Was bedeuten 3 Sterne? Zusagen, Absagen, Ersatzbank? Mit einem unklaren Bewertungssystem ist niemandem geholfen.
Inzwischen haben wir ein System eingeführt, bei dem man nach Zusage und Absage bewerten kann. Hierbei unterscheiden wir nochmal in starke Zu- oder Absage und schwache Zu- oder Absage. Hierdurch ist immer klar, welcher Schritt als nächstes getan werden muss.

Tipp 4: Seien Sie sich Ihrer eigenen Befangenheit (Bias) bewusst

Anfangs haben wir bei onapply nur Mitarbeiter*innen eingestellt, die so waren wie wir. Das hat zwar dazu geführt, dass sich immer alle einig waren, aber auch, dass nur wenig neue Ideen und Diversifikationen stattfanden. In einem Workshop haben wir uns deutlich gemacht, welche eigenen Befangenheiten (Bias) wir mit uns herumtragen. Diese rufen wir uns vor jedem Interview zurück in den Kopf, um Bewerber*innen mit möglichst neutraler Brille kennenzulernen und zu bewerten.

Tipp 5: Lassen Sie Bewerber*innen durch eine Gruppe beurteilen

Wie schon angesprochen hat kein Mensch der Welt das Bauchgefühl oder die Skills, die richtige Person für eine Stelle auszuwählen. Deshalb beziehen wir mehrere Mitarbeiter*innen in unseren Entscheidungsprozess mit ein. In unserem Auswahlprozess ist eine Person aus der Personalabteilung anwesend, mindestens eine aus der Fachabteilung, ein*e Manager*in und eine neutrale Person involviert. Das klingt erstmal viel, wir schaffen dadurch aber ein rundes Bild und wirken zum Beispiel zu schnellen Entscheidungen vor, weil es gerade in der Fachabteilung brennt.

Bonus-Tipp: Lassen Sie sich Zeit

Der schlimmste Fehler, vor dem wir gewarnt wurden und den wir natürlich trotzdem gemacht haben: Eine*n Bewerber*in zu schnell und ohne gründliches Auswahlverfahren einzustellen.
Deshalb ist unser letzter Tipp: Nehmen Sie sich die Zeit, die richtige Person zu finden. Lieber warten, als den oder die Falsche*n einzustellen.

Blogbeiträge

Entdecken Sie weitere informative Artikel

Change Management für Ihre Recruiting-Software

Recruiting-Software einführen ohne Widerstände: So gelingt Change Management mit klaren Prozessen und hoher Akzeptanz im Unternehmen.

KI im Recruiting: Datenschutz & EU-KI-Verordnung 2026

Was ist bei KI im Recruiting erlaubt? Die EU-KI-Verordnung bringt neue Pflichten für HR. Risiken, Datenschutz & Praxisbeispiele für DACH.

Mitarbeiter motivieren ohne finanzielle Anreize

Entdecken Sie 7 wissenschaftlich fundierte Methoden, um Mitarbeiter ohne finanzielle Anreize nachhaltig zu motivieren und langfristig zu binden.