KörperHarmonie — Design System Preview

Farben

Warme Brauntöne für Erdung und Vertrauen. Grüne Akzente für Heilung und Wachstum.

Primary

#8B6F47

Primary Hover

#7A6038

Secondary

#6B8F71

Accent

#D4A574

Background

#FDF8F4

Surface

#FFFFFF

Text Primary

#3D3228

Text Secondary

#8C7E72

Success

#7CB87C

Warning

#E8B84B

Error

#D45B5B

Dark BG

#2C2420

Typografie

Playfair Display für Headlines mit Charakter. DM Sans für hervorragende Lesbarkeit.

Display — Playfair Display

Physiotherapie & Osteopathie

Körper, Geist und Seele in Einklang bringen

Body — DM Sans

Unsere ganzheitliche Herangehensweise verbindet moderne Physiotherapie mit traditioneller Osteopathie. Jede Behandlung ist individuell auf Sie abgestimmt.

DM Sans in verschiedenen Gewichten: Light 300 · Regular 400 · Medium 500 · Semibold 600 · Bold 700

Mono — JetBrains Mono

85 € / Sitzung · 120 € / Doppeltermin · 0221 123 456

Abstände

4px Basis-Grid. Konsistent und berechenbar.

1

2

3

4

6

8

12

16

20

Komponenten

Buttons

Inputs

Badges

Physiotherapie Osteopathie Neu

Radien & Schatten

6px · 12px · 20px · full

Mini-App Demo

So kommt das System zusammen — eine Beispiel-Seite.

Willkommen bei KörperHarmonie

Physiotherapie & Osteopathie in [Stadt]

Physiotherapie

Manuelle Therapie, Krankengymnastik, Schmerztherapie

Osteopathie

Kraniosakral, Viszeral, Parietal

Ganzheitlich

Körper, Geist und Seele in Einklang