Default Card
Ein ruhiger Raum für Reflexion – ohne Druck, ohne Pose.
Ruhepuls App Design System
Ruhepuls App Style Guide
Farben
Primary
50
#F9F3F0
#F9F3F0
100
#F2E3DE
#F2E3DE
200
#E5C8BD
#E5C8BD
300
#D3A392
#D3A392
400
#CB917C
#CB917C
500
#C4826A
#C4826A
600
#B6664A
#B6664A
700
#92523A
#92523A
800
#713F2D
#713F2D
900
#502D20
#502D20
Accent Green
50
#F3F7F3
#F3F7F3
100
#E5ECE4
#E5ECE4
200
#CBDAC8
#CBDAC8
300
#AEC5AA
#AEC5AA
400
#9CB998
#9CB998
500
#8FAF8A
#8FAF8A
600
#739C6D
#739C6D
700
#5C7F57
#5C7F57
800
#466142
#466142
900
#30432D
#30432D
Neutral
50
#FAFAF9
#FAFAF9
100
#F5F4F2
#F5F4F2
200
#E7E5E1
#E7E5E1
300
#D1CECA
#D1CECA
400
#A8A29E
#A8A29E
500
#78716C
#78716C
600
#57534E
#57534E
700
#44403C
#44403C
800
#292524
#292524
900
#1C1917
#1C1917
Background
background
#FAF7F2
background-alt
#F2E3DE
Semantic
Success #16A34A
Warning #D97706
Error #DC2626
Info #2563EB
Typografie
Du bist nicht kaputt.
Du bist erschöpft. Und das darf sich ändern.
Workshops & Begleitung
Für Frauen, die viel tragen
Ruhepuls App
Unterüberschrift / Label
Ruhepuls App ist ein digitaler Schutzraum für Frauen, die im Alltag viel tragen, lange funktionieren und sich selbst dabei oft verlieren.
Caption / Kleingedrucktes – z. B. Hinweise zu Terminen oder rechtliche Zusätze.
Cards
Bild-Platzhalter
Card mit Bild
Hero- oder Portrait-Bild oben (noch kein Asset im Repo).
Highlight Card
Mit Primary-Border für Angebote oder nächsten Workshop.
Form Elements
Beispiel Ruhepuls App-Stimme
„Schön, dass du heute hier bist.“
„Egal wie dein Tag war – hier darfst du ankommen.“
Es geht nicht um Therapie oder klassische Beratung, sondern um frühe, niedrigschwellige Unterstützung.
Logos: logo.png (Standard),
logo-text.png (breit, ab xl),
logo-icon.png (Icon/Favicon).
Email Capture
Variant: inline
Newsletter
Demo-Headline
Demo-Subline für inline-Variant
Variant: hero
Hero