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.

Bewerber effizient managen & evaluieren im Team

OnApply ist eine innovative Bewerbermanagement Software, die Ihnen hilft, die passenden Talente für Ihr Unternehmen zu finden.

4.6
4.8
Einfaches Bewerbermanagement mit OnApply - besonders effizient für Teams

170.000

Bewerbungen im letzten Jahr für Kunden generiert

Den Überblick behalten mit unserer Bewerber­management Software

Mit OnApply haben Sie alle Bewerbungen zentral im Blick und steuern den gesamten Bewerbungsprozess übersichtlich. Verfolgen und organisieren Sie jeden Schritt – von der Bewerbung bis zur Entscheidung. Dank der intuitiven Oberfläche verwalten Sie Bewerbungen effizient, verteilen Aufgaben und kommunizieren direkt mit Kandidaten. So sparen Sie Zeit und behalten den Überblick.

Dashboard Bewerber managen
Bewerbermanagement

Bewerbungen und Deadlines auf einen Blick einsehbar

Behalten Sie alle Bewerbungen und Deadlines übersichtlich im Blick. Verpassen Sie keine Fristen und verwalten Sie den gesamten Bewerbungsprozess effizient. So bleibt alles organisiert und gut strukturiert.

Übersichtliche Anzeige aller Bewerbungen und Deadlines

Keine verpassten Fristen dank klarer Struktur

Effiziente Verwaltung des gesamten Bewerbungsprozesses

Dashboard Kandidaten bewerten und im Team validieren
Kadidatenmanagement

Kandidaten bewerten & validieren im Team

Bewerten und validieren Sie Kandidaten gemeinsam im Team. Teilen Sie Feedback, tauschen Sie sich aus und treffen Sie fundierte Entscheidungen. So wird der Auswahlprozess effizienter und transparenter.

Gemeinsame Bewertung von Kandidaten im Team

Einfacher Austausch und Feedback für bessere Entscheidungen

Transparenter und effizienter Auswahlprozess

Dashboard Interviews planen und organisieren
Interviews

Interviews planen & organisieren leicht gemacht

Synchronisieren Sie die Kalender Ihrer Kollegen und bieten Sie Bewerbern mehrere Terminvorschläge an, um den idealen Zeitpunkt schnell zu finden. Mit der zentralen Verwaltung von Verfügbarkeiten entfällt das zeitaufwändige Hin und Her per E-Mail.

Einfache Planung und Organisation von Interviews mit OnApply

Schnelle Terminfestlegung und Koordination der Teilnehmer

Zeitsparende Verwaltung durch automatische Einladungserstellung

Software

Alle Funktionen, die Sie benötigen, um Bewerber effizient zu verwalten

Mit unseren leistungsstarken Funktionen und benutzerfreundlichen Schnittstellen können Sie den gesamten Bewerbungsprozess effizient verwalten und die besten Talente identifizieren.

Kundentestimonials
OnApply
00:00
/
00:00
Kundentestimonials Video

Bewerbungen managen

Verwalten Sie Bewerbungen einfach und übersichtlich.

Bewerbern antworten

Senden und empfangen Sie Bewerber-E-Mails direkt aus der Software

Kandidaten evaluieren

Finden Sie die besten Talente mit unserer objektiven Scorecard

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
Testimonials

Über 170.000 Bewerbungen im letzten Jahr für Kunden generiert

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

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
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
Die AES-Verschlüsselung von OnApply bietet uns die Gewissheit, dass unsere Bewerberdaten jederzeit geschützt sind. Wir schätzen die umfassenden Sicherheitsfunktionen der Software und können sie empfehlen.
Amelie Gracious
Datenschutzbeaufragte, IT-Unternhemen mit 400 Mitarbeitenden
Durch OnApply haben wir unser Recruiting-Erlebnis und unser Employer Branding deutlich verbessert.
Noah Müller
Leiter Marketing, Software-Unternehmen mit 45 Mitarbeitenden
OnApply hat unser Bewerbermanagement auf ein völlig neues Level gebracht. Die Software ist benutzerfreundlich und bietet umfassende Sicherheitsfunktionen, auf die wir uns verlassen können.
Gerhardt Landmauerer
Personalleiter, Lebensmittel-Unternehmen mit 100 Mitarbeitenden
Mit OnApply können wir den gesamten Bewerbungsprozess effizienter und transparenter gestalten und damit auch das Image unseres Unternehmens als attraktiver Arbeitgeber stärken.
Julie Rosenthal
Geschäftsführerin in der Hotellerie mit 4.000 Mitarbeitenden

Optimieren Sie Ihr Bewerber­management

Schalten Sie Stellenanzeigen, managen Sie Bewerbungen, evaluieren Sie Ihren Prozess—kostenlos.

Häufige Fragen zu unserer Bewerbermanagement Software

Hier finden Sie Antworten auf die am häufigsten gestellten Fragen zu unserer Recruiting-Software.

OnApply ermöglicht es Ihnen, Bewerbungen zentral zu verwalten. Dies beinhaltet z.B. die Organisation in einzelne Phasen, die E-Mail Kommunikation sowie eine smarte Interviewfunktion um den Prozess effizient zu gestalten.

Ja, Sie können E-Mails an Bewerber direkt aus der Software senden. Automatisierte Nachrichten und Variablen vereinfachen die Kommunikation zusätzlich.

Ja, OnApply bietet in den Premium-Versionen umfangreiche Statistiken an.

Außerdem ist es allen Nutzern möglich, das Konto mit Google Analytics zu verknüpfen und dadurch Informationen zum Nutzungsverhalten der Interessenten zu erhalten.

Ja, Sie können detaillierte individuelle Zugriffsrechte für jedes Teammitglied festlegen. So können alle Beteiligten nur jene Informationen sehen oder Funktionen ausführen, mit denen sie betraut sind.

Ja, OnApply erfüllt alle Anforderungen der DSGVO, um den Datenschutz zu gewährleisten.

Buchen Sie jetzt Ihre persönliche Beratung

Erfahren Sie, wie OnApply Ihnen bei der Mitarbeitergewinnung 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