Aa — DM Serif Display
Headlines & Display
Für Headlines, Display-Text und kursive Akzente. Niemals Systemschriften.
Lead Magnet Hub
Das Designsystem
hinter Olivia sleeps
Eine Bibliothek für ruhige, klare Lead Magnets.
Diese Seite ist kein Lead Magnet — sie ist die Vorlage, aus der jeder zukünftige Lead Magnet von Olivia sleeps gebaut wird. Jede Komponente unten ist bereit zur Wiederverwendung.
SchlafNervensystemMama-SeinSanft führen
01 — Foundation
Farben & Typografie
bg-warm
#fff4e8
bg-secondary
#ede5d5
accent-peach
#f4bfa5
accent-sage
#8ba690
accent-sage-dark
#5e7a63
text-dark
#352d27
text-mid
#6b5c52
text-light
#9e8b7e
Aa — Inter Light 300
Body & Labels (500)
Für Body-Text in 300 und für Labels & Buttons in 500. Niemals fett im Fließtext.
02 — Bausteine
Wiederverwendbare Komponenten
Hero Pill / Pill Label
Lead MagnetWannWieWarum
Divider
Tag Row
EinschlafenNachts wachNickerchenSanft begleiten
Info Box
Warum das wirkt
Wenn dein Nervensystem ruhig ist, kann auch das deines Kindes ankommen. Co-Regulation beginnt immer bei dir — leise, ohne Druck, ohne Methode.
Content Card mit Nummer
Die Atem-Brücke
Eine Übung für dich, bevor du sie hältst.
Setz dich für 60 Sekunden hin. Atme vier Zähleinheiten ein, sechs aus. Bemerke, wo dein Körper hart geworden ist — und lass los, bevor du dein Kind in den Arm nimmst.
Numbered Steps
1
Licht dimmen und Geräuschkulisse beruhigen.
2
Eigenen Atem verlangsamen — vor allem die Ausatmung.
3
Kind aufnehmen, ohne sofort zu reden. Erst Kontakt, dann Worte.
Quote Block
Kinder schlafen nicht durch Methoden ein. Sie schlafen durch sichere Verbindung ein.
Signature Block
Mit warmer Verbundenheit,
Esti
Bereit, den ersten Lead Magnet zu bauen?
Lege eine neue Route unter src/routes/ an und setze die Komponenten zusammen. Das System hält den Ton — du erzählst die Geschichte.
Wenn du echte, nachhaltige Veränderung willst — Erfahre mehr über Schlaf. Ruhe. Du.