Default Card
Ein ruhiger Raum für Reflexion – ohne Druck, ohne Pose.
SheroShero Coaching Design System
Shero Style Guide
Farben
Primary
50
#FDF2F6
#FDF2F6
100
#FCE7EE
#FCE7EE
200
#FAC9DC
#FAC9DC
300
#F5A0C2
#F5A0C2
400
#EC6FA0
#EC6FA0
500
#B91C5C
#B91C5C
600
#A11652
#A11652
700
#841244
#841244
800
#6B0F38
#6B0F38
900
#4F0B2A
#4F0B2A
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
#FFFBFA
background-alt
#FDF2F6
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
Shero Coaching
Unterüberschrift / Label
Shero 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 Shero-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