Content Width & Spacing
General Spacing
Content Width
Grid Gap
Card Gap
Content Gap
Default Section Padding
Container Gap
Headings & Text
Typography
The quick brown fox jumps over the lazy dog
h1
The quick brown fox jumps over the lazy dog
h2
The quick brown fox jumps over the lazy dog
h3
The quick brown fox jumps over the lazy dog
h4
The quick brown fox jumps over the lazy dog
h5
The quick brown fox jumps over the lazy dog
h6
The quick brown fox jumps over the lazy dog
h1 & L
This is large placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
The quick brown fox jumps over the lazy dog
h2 & m
This is default placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
The quick brown fox jumps over the lazy dog
h3 & s
This is small placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
Color Relationships
Text
Auto Color Relationships
Sample heading
This is what text will look like on ultra light background areas. You can also control link color relationships and there's an example button below.
ButtonSample heading
This is what text will look like on light background areas. You can also control link color relationships and there's an example button below.
ButtonSample heading
This is what text will look like on dark background areas. You can also control link color relationships and there's an example button below.
ButtonSample heading
This is what text will look like on ultra dark background areas. You can also control link color relationships and there's an example button below.
ButtonButtons & Links
Action elements
Brand Palette
Colors
The following colors and shades are available for this project.
Primary
Secondary
Tertiary
Accent
Base
Neutral
Cards & Icons
Light Cards
CD - Gradients
CD Ocean Vivid
CD 1 — Ocean
linear-gradient(225deg, var(--base) 0%, #1d56ff 45%, var(--aqua) 100%);
CD 2 — Brand Vertical
linear-gradient(225deg, var(--base) 0%, #1d56ff 45%, var(--aqua) 100%);
CD 3 — Aqua
CD 4 — Aqua Diagonal
CD 5 — Sunset
CD 6 — Fresh
Additional Gradients
Hero — Diagonal
Hero — Bright
CTA — Band
CTA — Glow
Callouts
Arrow Links
a class="link-arrow" href="https://www.planery.io">Hier geht's lang
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
- dfhsdfh = .rich-list
- fjhasdf
- jsahdfk
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. “What’s happened to me?” he thought.
a class="link-arrow link-arrow--on-dark" href="https://www.planery.io">Hier geht's lang
rich-listOne morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
- dfhsdfh = .rich-list–check
- fjhasdf
- jsahdfk = li class=”is-done”
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. “What’s happened to me?” he thought.
Bulletpoints
Chevrons = . rich-list
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
- dfhsdfh = .rich-list
- fjhasdf
- jsahdfk
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. “What’s happened to me?” he thought.
Häkchen= .rich-list + .rich-list--check
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
- dfhsdfh = .rich-list
- fjhasdf
- häckchen grüm li class=”is-done”
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. “What’s happened to me?” he thought.
Priese Global im functions.php
Dynamische daten auswählen im Text
10,00 € pro Mitarbeiter
Shortcode [ply_preis paket="professional" typ="monat"]
Icon-Text elemente
Dummytext
Hier steht ein ausführlicher Platzhalter
Test HL
dvlkjasvhjhafbvasbvfa
Dummytext
Hier steht ein ausführlicher Platzhalter
Icon List
fdsafgs
fdsafgs
fdsafgs
FAQ Akkordeon
Akkordeon 1
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Akkordeon 2
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Job Akkordeon
Akkordeon 1
Headline
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiffsections.
- dfhsdfh = .rich-list
- fjhasdf
Headline
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiffsections.
- dfhsdfh = .rich-list
- fjhasdf
- jsahdfk
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. “What’s happened to me?” he thought.
- jsahdfk
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. “What’s happened to me?” he thought.
Akkordeon 2
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Features Akkordeon
Akkordeon 1
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Akkordeon 2
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Ihre Kollektivverträge laufen im Hintergrund mit
Backstube und Verkauf in einem Plan
Zwei Schichtmodelle, ein Kalender: Nachtschicht in der Backstube, Öffnungsschicht im Verkauf, Sonntag mit halber Mannschaft. Qualifikationen sind hinterlegt — wer darf an den Ofen, wer in die Kassa. Grenzen aus Gesetz und KV liegen als Regel im Plan: Wer eine reißt, wird beim Setzen der Schicht gewarnt — nicht erst im nächsten Monat.
Stempeln, wo gearbeitet wird
In der Backstube steht das Terminal oder ein Tablet mit der Stempeluhr-App, im Verkauf wird über die Kasse gestempelt, und wer ohnehin ein Handy dabeihat, nutzt die Mitarbeiter-App. Alle vier Wege landen im selben Stundenkonto, ohne Doppelerfassung. Die App ist ein zusätzlicher Weg, keine Voraussetzung — niemand braucht ein Firmenhandy.
Wenn um vier Uhr jemand ausfällt
Der Anruf um vier kommt trotzdem bei Ihnen an — den nimmt Ihnen niemand ab. Aber Sie tragen den Ausfall mit zwei Klicks ein, sehen sofort, wer heute frei hat und wer diese Woche noch Stunden offen hat, und fragen die eine Person, die passt, statt fünf durchzutelefonieren. Urlaub und Zeitausgleich werden vereinbart, nicht verordnet: Der Antrag kommt aus der App, die Zustimmung ist dokumentiert.
Eine Datei statt eines Stapels Stundenzettel
Am Monatsende bekommt Ihre Lohnverrechnung oder Steuerberatung eine fertige Datei: alle Stunden, Nacht-, Sonn- und Feiertagszuschläge schon getrennt ausgewiesen. Kein Abtippen, kein Nachrechnen — und jede Korrektur bleibt nachvollziehbar.
