Internes Dokument

Design System

Farben, Typografie und Schriften der Ortho4Sport-Website — als Referenz für konsistentes Design.

Farben

Primary — Brand Blue

Hauptfarbe. #014A87 (600) ist der Ankerwert.

50

#e7f1f9

100

#c2dbef

200

#8dbbe2

300

#559ad3

400

#1e73b8

500

#015eac

600

#014a87

700

#013d6f

800

#012f56

900

#011f3c

950

#001428

Neutral — Blue-Gray

Texte, Hintergründe, Borders. Body-Text default ist 700.

50

#f3f5f9

100

#e8ecf2

200

#d1d9e3

300

#b8c4d3

400

#8b96a8

500

#586274

600

#455265

700

#334155

800

#1e293b

900

#0f172a

950

#070d1a

Gold — Ratings

Nur für Sternebewertungen.

400

#d4a41a

500

#b8860b

Semantic

Erfolgs- und Fehlerzustände.

Success 50

#f0fdf4

Success 500

#22c55e

Success 600

#16a34a

Error 500

#ef4444

Error 600

#dc2626

Textfarben-Zuordnung

Überschriftentext-neutral-90015.4:1 Kontrast
Fließtexttext-neutral-7009.7:1 (Body-Default)
Sekundärtext-neutral-5006.2:1
Eyebrowtext-primary-5005.5:1
Dekorativtext-neutral-400Nur dekorativ — 3:1

Typografie

Displaytext-display

Sportorthopädie

Font: OutfitSize: 3.5rem (56px)Line-Height: 1.1Letter-Spacing: -0.025emWeight: 800
H1text-h1

Behandlung auf höchstem Niveau

Font: OutfitSize: 2.5rem (40px)Line-Height: 1.15Letter-Spacing: -0.025emWeight: 700
H2text-h2

Unsere Leistungen im Überblick

Font: OutfitSize: 2rem (32px)Line-Height: 1.2Letter-Spacing: -0.02emWeight: 700
H3text-h3

Konservative Therapie & Prävention

Font: OutfitSize: 1.5rem (24px)Line-Height: 1.3Letter-Spacing: -0.01emWeight: 600
H4text-h4

Individuelle Behandlungskonzepte

Font: OutfitSize: 1.25rem (20px)Line-Height: 1.4Letter-Spacing: —Weight: 600
Body Largetext-body-lg

Wir kombinieren modernste Diagnostik mit bewährten Behandlungsmethoden, um Ihnen eine individuelle und ganzheitliche Versorgung zu bieten.

Font: DM SansSize: 1.125rem (18px)Line-Height: 1.7Letter-Spacing: —Weight: 400
Body (Default)text-base

Ob Leistungssportler oder Freizeitathlet — bei Ortho4Sport sind Sie in besten Händen. Vereinbaren Sie noch heute Ihren Termin.

Font: DM SansSize: 1rem (16px)Line-Height: 1.5Letter-Spacing: —Weight: 400
Eyebrowtext-eyebrow

Unsere Leistungen

Font: DM SansSize: 0.75rem (12px)Line-Height: 1.5Letter-Spacing: 0.1emWeight: 600

Schriften

Outfit

Headings

font-heading — Geometrische Sans-Serif mit sportlichem Charakter

Semibold600

Sportorthopädie auf höchstem Niveau

Bold700

Sportorthopädie auf höchstem Niveau

Extrabold800

Sportorthopädie auf höchstem Niveau

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 äöüß ÄÖÜ

DM Sans

Body

font-sans — Humanistische Sans-Serif, optimiert für Lesbarkeit

Regular400

Wir kombinieren modernste Diagnostik mit bewährten Behandlungsmethoden für eine individuelle Versorgung.

Medium500

Wir kombinieren modernste Diagnostik mit bewährten Behandlungsmethoden für eine individuelle Versorgung.

Semibold600

Wir kombinieren modernste Diagnostik mit bewährten Behandlungsmethoden für eine individuelle Versorgung.

Bold700

Wir kombinieren modernste Diagnostik mit bewährten Behandlungsmethoden für eine individuelle Versorgung.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 äöüß ÄÖÜ

Direktvergleich

Outfit — Heading

Sportmedizin, die bewegt

DM Sans — Body

Sportmedizin, die bewegt — ob Prävention, Diagnostik oder Rehabilitation. Jede Behandlung ist so individuell wie Sie.

Diese Seite ist nicht öffentlich verlinkt und wird von Suchmaschinen ignoriert (noindex). Tokens definiert in app/assets/css/main.css.