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.

.Net Entwickler*in Stellenanzeigen Vorlage

Erstellen Sie mit unserer .Net Entwickler\*in-Stellenanzeigen-Vorlage eine ansprechende Stellenanzeige, die qualifizierte Kandidat\*innen anzieht. Modifizieren Sie unsere Vorlage entsprechend Ihren Bedürfnissen und schalten Sie Ihre Stellenanzeige mit onapply kostenlos auf 10 Jobbörsen. Erhalten Sie im Handumdrehen Bewerber!

.Net Entwickler*in Stellenanzeigen Vorlage
.Net Entwickler*in Stellenanzeigen Vorlage

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 .Net Entwickler*in

Verwenden Sie .Net Entwickler*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.

Der optimale Stellenanzeigenaufbau:

Die 10 Basics einer guten Stellenanzeige:

Tipp #1: Logo & wichtige Infos in den Header Tipp #2: Klare Strukturen helfen beim Lesen
Tipp #3: Jobtitel nutzen, die gesucht werden
Tipp #4: Ein Bild sagt mehr als 1.000 Worte
Tipp #5: Menschen lesen quer und picken sich die wichtigsten Dinge heraus
Tipp #6: Achten Sie auf den Inhalt und vermeiden Sie Verständnisprobleme
Tipp #7: AGG-Konformität
Tipp #8: Menschen lesen unterschiedlich
Tipp #9: Ruhig mal mit der Konkurrenz vergleichen
Tipp #10: Bulletpoints > Fließtext (max. 4-5 Bulletpoints pro Abschnitt)
Eine ausführliche Version der Tipps finden Sie hier.

Der "Über Ihr Unternehmen" Stellenanzeigen-Abschnitt

Der erste Abschnitt in Ihrer Stellenanzeige sollte den Bewerber überzeugen. In diesem Abschnitt ist es wichtig Vertrauen zu schaffen und Neugier zu wecken. Die Forschung (Cable and Graham, 2000)21:8%3C929::AID-JOB63%3E3.0.CO;2-O">

Der "Unternehmens-Benefits" Stellenanzeigen-Abschnitt

Dieser Abschnitt sollte nach neuster Forschung nicht wie gewohnt am Ende der Stellenanzeige stehen. Er sollte direkt nach dem "Über Uns"-Abschnitt kommen und länger sein als die nachfolgenden Abschnitte also ca. 5-6 Bulletpoints. Alles, was Ihre Firma neuen Mitarbeiter*innen bietet, sollte hier auffindbar sein. Nutzen Sie die Chance, sich von anderen Arbeitgebern abzuheben. Was macht Ihr Unternehmen einzigartig?

Aufgaben und Anforderung für die .Net Entwickler*in Stellenanzeige:

Die Aufgaben eines .Net Entwickler*in

  • Erstellung von Software-Design und -Architektur mit ihrem Team
  • Entwicklung von Anwendungen mit .NET
  • Testen und Bereitstellen von Anwendungen und Systemen
  • Überarbeitung, Aktualisierung, Refactoring und Debuggen von Code
  • Dokumentation während des Entwicklungsprozess
  • Als Experte für Anwendungen dienen und technische Unterstützung bieten
  • Anforderungen an einen .Net Entwickler*in

  • Erfahrung als .NET-Entwickler oder Anwendungsentwickler
  • Vertrautheit mit dem ASP.NET-Framework, SQL Server und Design-/Architekturmustern
  • Kenntnisse in mindestens einer der .NET-Sprachen (z.B. C#, Visual Basic .NET) und HTML5/CSS3
  • Vertrautheit mit Architekturstilen/APIs (REST, RPC)
  • Verständnis der Agilen Methoden
  • Studium der Informatik oder in einem verwandten Bereich
  • Die .Net Entwickler*in Stellenanzeigenvorlage als Fließtext

    Wir empfehlen zwar keinen Fließtext in der Stellenanzeige zu verwenden, aber falls Sie mal darauf angewiesen sind hier die Vorlage.

    Wir suchen einen .Net-Entwickler, der Software mit Hilfe des .NET-Frameworks erstellt. Sie werden Anwendungen von Grund auf neu erstellen, bestehende Systeme verbessern und Support leisten.
    Das schreiben von funktionalem Code und gründliches Arbeiten sind die Voraussetzungen für diese Rolle. Desweiteren sollten Sie ein Teamplayer und ein ausgezeichneter Kommunikator sein. Wenn Sie eine Leidenschaft für das .NET-Framework und Softwaredesign/-architektur haben, würden wir Sie gerne kennenlernen.

    Gehalt eines Senior Network Engineers

    Das Gehalt eines .Net Entwickler*in liegt, laut Stepstone, zwischen 40.500 € und 52.300 €.

    Schreiben Sie Ihre Stellenanzeige noch heute aus!

    Veröffentlichen Sie Ihre Stellenanzeige auf über 10 kostenlosen Jobbörsen mit onapply.

    Ihre Stellenanzeige jetzt online schalten

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