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.

Messbeamter*in, Verkehrsüberwacher*in Stellenanzeigen Vorlage

Entdecken Sie unsere Stellenanzeige-Vorlage für Messbeamter*in und Verkehrsüberwacher*in. Gewinnen Sie Fachkräfte, die Verkehrssicherheit und -flüssigkeit gewährleisten.

Stellenanzeige: Messbeamter*in & Verkehrsüberwacher*in
Stellenanzeige: Messbeamter*in & Verkehrsüberwacher*in

Die meisten Bewerber entscheiden in Sekunden, ob Ihre Stelle relevant ist.

Unser GPT hilft Ihnen, mit psychologisch wirksamen Texten aus der Masse herauszustechen: wissenschaftlich fundiert, automatisch erstellt & sofort einsetzbar.

Danke! Prüfen Sie Ihre Emails.
Oops! Etwas ist schief gelaufen. Bitte versuchen Sie es noch einmal.

Stellenanzeigen-Vorlage für eine*n Messbeamter/-beamtin, Verkehrsüberwacher/-in

Verwenden Sie die Messbeamter/-beamtin, Verkehrsüberwacher/-in-Stellenanzeigen-Vorlage, um qualifizierte Kandidat*innen für Ihre Stellenausschreibung zu finden. Modifizieren Sie unsere Vorlage entsprechend Ihren Bedürfnissen. Schalten Sie dann Ihre Stellenanzeige mit OnApply kostenlos auf 10 Jobbörsen und erhalten Sie im Handumdrehen Bewerber.

Einleitung

Mit der folgenden Einleitung wecken Sie gleich zu Beginn Ihrer Stellenanzeige das Interesse potentieller Kandidat*innen:

Sie lieben Präzision, haben ein Auge für Details und möchten einen wichtigen Beitrag zur Verkehrssicherheit leisten? Werden Sie Teil unseres Teams und sorgen Sie dafür, dass unsere Straßen sicherer werden. Als Messbeamter*in und Verkehrsüberwacher*in sind Sie ein unverzichtbarer Bestandteil unserer Bemühungen, den Verkehr flüssig und sicher zu gestalten.

Aufgaben und Anforderungen für eine*n Messbeamter/-beamtin, Verkehrsüberwacher/-in

Aufgaben

  • Überwachung und Kontrolle des fließenden und ruhenden Verkehrs
  • Durchführung von Geschwindigkeitsmessungen und Dokumentation von Verstößen
  • Erstellung von Berichten und Protokollen über Verkehrsvergehen
  • Unterstützung bei der Planung und Durchführung von Verkehrskontrollen
  • Zusammenarbeit mit anderen Behörden und Institutionen zur Verbesserung der Verkehrssicherheit

Anforderungen

  • Abgeschlossene Ausbildung im öffentlichen Dienst oder vergleichbare Qualifikation
  • Gute Kenntnisse der Straßenverkehrsordnung
  • Hohe Zuverlässigkeit und Verantwortungsbewusstsein
  • Fähigkeit, auch in stressigen Situationen einen kühlen Kopf zu bewahren
  • Gute Kommunikationsfähigkeiten und sicheres Auftreten
  • Bereitschaft zu flexiblen Arbeitszeiten, auch an Wochenenden und Feiertagen

Gehalt für eine*n Messbeamter/-beamtin, Verkehrsüberwacher/-in

Das Durchschnittliche Gehalt für die Stelle Messbeamter/-beamtin, Verkehrsüberwacher/-in liegt laut Gehalt.de bei 4.213 € / Monat. Das sind 52.235 € / Jahr.

Passende Jobbörsen für eine*n Messbeamter/-beamtin, Verkehrsüberwacher/-in

Basierend auf unserer Datenbank können Sie Messbeamter/-beamtin, Verkehrsüberwacher/-in auf folgenden Jobbörsen erfolgreich schalten:

Indeed, StepStone, Jooble

Schalten Sie Ihre Stellenanzeige am besten direkt über OnApply.

Die Stellenanzeigen-Elemente

Der Header = Schlüsselinformationen

Im Header der Anzeige sollte Ihr Unternehmenslogo und die wichtigsten Informationen (Jobtitel, Standort, Voll- oder Teilzeit, etc.) eindeutig erkennbar sein, denn je klarer Ihre Anzeige strukturiert ist, desto leichter fällt das Lesen. Je besser Ihr Aufbau und die Formulierungen, desto weniger Interessierte brechen den Bewerbungsprozess frühzeitig ab.

Der Jobtitel ist entscheidend.

Aktiv Suchende werden von einem eindeutigen und klar verständlichen Titel angezogen. Außerdem richten sich die Suchalgorithmen der Jobportale maßgeblich nach dem Jobtitel. Wir raten daher z.B. "Mitarbeiter im Vertrieb (m/w/d)" der Formulierung "Sales-Hero" vorzuziehen. Werden Sie im Laufe des Bewerbungsprozesses kreativ, beim Stellentitel gilt es sachlich und klar zu bleiben. Bringen Sie die entscheidenden Schlüsselwörter in den Titel. Das steigert die Sichtbarkeit. Ein Beispiel: "Junior Sales Manager/Vertriebsmitarbeiter (m/w/d) im Bestandskundenmanagement". Hier sind alle wichtigen Informationen über die Karrierestufe, den Schwerpunkt der Tätigkeit und die Position auf Englisch und Deutsch. Ergebnis: gute Sichtbarkeit und ideale Informationsbereitstellung für potenzielle Bewerber*innen und Algorithmen.

Bilder sagen mehr als 1.000 Worte

Achten Sie auf geeignete Bilder! Diese verschaffen Ihnen die Möglichkeit, potenziellen Bewerber*innen einen ersten visuellen Eindruck zu verschaffen und heben Ihre Anzeige aus der Masse der Angeboten heraus. Nutzen Sie die Option vieler Portale, mehrere Bilder einzufügen. Wenn ein Bild mehr als 1000 Worte spricht, welche Wirkung können dann erst 2-3 ausdrucksstarke Bilder erzeugen?! Genau hier kann der entscheidende Impuls für eine Bewerbung sein liegen. Aus der Werbebranche ist bekannt, dass die Aufmerksamkeit zunächst für längere Zeit auf die Anzeige gerichtet werden muss, bevor ein Betrachter überhaupt anfängt, Informationen wahrzunehmen.

3-5 Bulletpoints statt Fließtext

Interessierte werden Ihre Anzeige selten von oben nach unten, links nach rechts lesen, sondern häufig kreuz und quer. Jeder achtet auf die für ihn/sie wichtigen Informationen. Also stellen Sie entscheidende Aussagen klar und deutlich dar und bieten Sie eine klare Struktur an. Heben Sie Worte/Passagen hervor, die besonders wichtig sind.

3 weitere Tipps

  • Achten Sie auf den Inhalt und beugen Sie Verständnisproblemen vor, in dem Sie keine unternehmensinterne Sprache verwenden.
  • Achten Sie auf die Einhaltung des Allgemeine Gleichbehandlungsgesetz (AGG).
  • Achten Sie darauf, dass Menschen unterschiedlich lesen (Männer vs. Frauen, Vertrieb vs. Informatiker).

Eine ausführliche Version der Tipps finden Sie hier.

Ihre Stellenanzeige jetzt online schalten

OnApply hilft ihnen ihre Stellenanzeige zu verbessern, ihren Bewerbungsprozess zu beschleunigen und die richtige Person einzustellen.