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.

KI-Feature

Automatisiertes Bewerbungsscreening: Weniger Aufwand. Bessere Einstellungen.

OnApply ist die KI-Recruiting Software, die Bewerbungen automatisch screent, bewertet und vergleicht – einsatzbereit in unter 5 Minuten.

4.6
4.8
Stellenanzeigen mit nur einem Klick auf über 300 Jobbörsen schalten

⌀41

Tage

Von Ausschreibung bis zur Einstellung

Bewerbungsstapel wachsen. Die Zeit Ihrer HR-Teams nicht.

Laut Institut für Arbeitsmarkt- und Berufsforschung (IAB) konnten Unternehmen durch automatisiertes Bewerbungsscreening ihren Auswahlprozess um bis zu 40 % beschleunigen. Trotzdem verbringen HR-Verantwortliche im Mittelstand täglich Stunden damit, Bewerbungen manuell zu sichten – oft ohne klare Vergleichsbasis. OnApply löst genau dieses Problem.

OnApply Software Stellenanzeigen AI Editor
Bewerbungsflut

60 % der Bewerbungen sind KI-generiert – Ihr Team liest sie trotzdem alle.

Moderne Bewerber:innen erstellen Unterlagen in Minuten – mit KI-Tools, die auf Stellenanzeigen optimierte Texte generieren. Das Ergebnis: volle Postfächer, wenig Substanz. Das automatisierte Bewerbungsscreening von OnApply filtert das Rauschen heraus – objektiv, DSGVO-konform und in Sekunden.

KI-Bewerbungsscreening bewertet jede Bewerbung automatisch mit Match-Score (0–100 %)

Anonymisierte Auswertung für faire und objektive Vorauswahl

Strukturierte Übersicht ersetzt stundenlanges manuelles Durchlesen

OnApply Software Stellenanzeigen AI Editor
Kandidat:innen vergleichen

Wer passt wirklich? Nicht raten – mit Daten entscheiden.

Ohne strukturierte Grundlage basieren Einstellungsentscheidungen auf Bauchgefühl. Das automatisierte Bewerbungsscreening von OnApply analysiert jede Bewerbung anhand Ihrer definierten Must-haves und Nice-to-haves – und liefert einen klaren Match-Score für jede Kandidatin und jeden Kandidaten.

Match-Score basiert ausschliesslich auf Ihren Stellenanforderungen – nicht auf Algorithmen Dritter

Must-have-Kriterien werden stärker gewichtet als Nice-to-haves

Kandidat:innen auf einen Blick vergleichen – ohne manuelle Interpretation

OnApply Software Stellenanzeigen AI Editor
Interview-Vorbereitung

Ins Interview unvorbereitet? Mit OnApply kommt das nicht mehr vor.

Automatisiertes Bewerbungsscreening endet nicht bei der Vorauswahl. OnApply analysiert jede Bewerbung in 5 strukturierten Tabs und schlägt individuelle Interviewfragen pro Person vor – damit Ihre Recruiter:innen vorbereitet und sicher ins Gespräch gehen.

Automatisch generierte, kandidatenspezifische Interviewfragen

5 Auswertungs-Tabs: Übersicht, Berufserfahrung, Anforderungen, Qualifikationen, Interviewpunkte

Mehr Klarheit im Interview – schnellere, bessere Einstellungsentscheidungen

KI-Bewerberanalyse

KI-Funktionen, die Ihren Bewerbungsprozess automatisieren

OnApply analysiert, bewertet und schützt – vollautomatisch. Diese KI-Funktionen übernehmen die Arbeit, die Ihr HR-Team täglich Stunden kostet:

KI-Bewerberanalyse

Jede Bewerbung automatisch auswerten: KI Match-Score, Qualifikationsabgleich und Interview-Punkte–direkt nach Eingang. DSGVO-konform.

KI & Datenschutz

KI-Bewerberanalyse mit OnApply: DSGVO-konform, EU AI Act-geprüft, Server in Deutschland. Keine autonomen Entscheidungen – rechtlich geprüft.

Schneller rekrutieren

Unsere Software ist kinderleicht in der Nutzung, damit Sie effizienter einstellen können.

Sicher verwalten

Ihre Daten sind DSGVO-konform abgelegt und jederzeit in der Cloud abrufbar.

Kosten sparen

Mit unseren Partnerdeals sparen Sie bis zu 60% auf Stellenpakete.

Timur Özcan
OnApply
00:00
/
00:00
Yannik Harney
OnApply
00:00
/
00:00
Das sagen HR-Verantwortliche

⌀41 Tage von Ausschreibung bis Einstellung – mit automatisiertem Bewerbungsscreening

Bringen auch Sie Ihr Recruiting mit KI auf das nächste Level.

Gute Stellenanzeigen und eine gute Karriereseite, die einfach funktionieren, unterstützen uns perfekt bei der Rekrutierung und beim Employer Branding.
Ute Möchheim
Leiterin Personal, Chemietechnik-Untenernehmen mit 3.000 Mitarbeitenden
OnApply steigert die Effizienz und Qualität unseres Bewerbung­sprozesses und ermöglicht es uns, schneller und gezielter die besten Kandidaten zu finden.
Raoul Schäffer
Geschäftsführer im Industriegüter-Unternehmen mit 300 Mitarbeitenden
Die Zusammenarbeit mit OnApply ist professionell und partnerschaftlich. Wir schätzen die offene Kommunikation und die schnelle Unterstützung bei allen Fragen.
Natalie Gobereit
Geschäftsführerin Start-Up Beratung
Es war noch nie einfacher, Bewerbungen zu erhalten. Wir haben es zuerst nicht geglaubt, aber die Rekrutierung von neuen Mitarbeitenden wurde so viel einfacher.
Julie Alig
Leiterin Personal in der Hotellerie mit 550 Mitarbeitenden

Optimieren Sie Ihr Recruiting mit AI

Managen Sie Bewerbungen effizienter. Treffen Sie datenbasierte Entscheidungen und rekrutieren Sie mit einem klaren Prozess.

Häufige Fragen zum automatisierten Bewerbungsscreening

Alles Wichtige zum automatisierten Bewerbungsscreening mit OnApply – kompakt beantwortet.

Automatisiertes Bewerbungsscreening ist der KI-gestützte Prozess, bei dem eingehende Bewerbungen automatisch analysiert, bewertet und nach Eignung sortiert werden – ohne manuelles Durchlesen. OnApply berechnet für jede Bewerbung einen Match-Score zwischen 0 und 100 %, basierend auf Ihren individuellen Stellenanforderungen.

Ja. OnApply verarbeitet alle Bewerberdaten vollständig DSGVO-konform und erfüllt die Anforderungen des EU AI Acts. Die Auswertung erfolgt anonymisiert – ohne Diskriminierung aufgrund von Name, Herkunft oder Geschlecht.

Die endgültige Einstellungsentscheidung liegt immer beim Menschen – KI unterstützt, entscheidet aber nicht.

Klassische ATS-Systeme verwalten Bewerbungen. OnApply bewertet sie. Dank integriertem automatisierten Bewerbungsscreening erhalten Sie sofort einen Match-Score und eine strukturierte Auswertung – ohne Zusatzaufwand. Mehr dazu: KI-Bewerberanalyse entdecken.

OnApply eignet sich für Unternehmen welche die Bewerberflut spüren– besonders für den deutschen Mittelstand mit mehreren offenen Stellen gleichzeitig. Die Software ist in unter 5 Minuten eingerichtet, ohne IT-Aufwand.

Sofort – ab der ersten eingehenden Bewerbung. OnApply analysiert Bewerber:innen in Echtzeit und stellt Match-Scores und strukturierte Auswertungen unmittelbar bereit.

Fragen zur Einrichtung? Vereibaren Sie einen Termin: Beratung buchen

Buchen Sie jetzt Ihre persönliche Beratung

Erfahren Sie, wie OnApply Ihnen bei der Mitarbeitergewinnung mit KI helfen wird. In einem kurzen 15-minütigen Call erhalten Sie einen Einblick über die Plattform und ein Experte beantwortet Ihre Fragen.

4.6
4.8
5.0

15

min

Minuten Beratungs-Call

Yannik Harney
OnApply
00:00
/
00:00

Effektiver Ausschreiben

Gezielter Rekrutieren

Schneller Einstellen