Steve Haring

Design System · Business English & Interkulturelle Seminare

Quicksand · Cyan/Teal Palette

01 Farben
Cyan als Primärfarbe, Grau-Töne für Text und Hintergrund.
Cyan
#24b7d3
Cyan Hover
#1a9bb5
Cyan Light
#2eb1d4
Text
#4f4f4f
Background
#ededed
Background 2
#e0e0e0
02 Typografie
Quicksand — freundlicher, runder Sans-Serif für moderne Auftritte.
Display / H1
Quicksand Display
font-family: 'Quicksand', sans-serif; · 47px · Bold
Heading / H2
Quicksand Heading
font-family: 'Quicksand', sans-serif; · 23px · Bold
Body
Quicksand Body Text — Optimale Lesbarkeit für Seminare und Schulungen.
font-family: 'Quicksand', sans-serif; · 15px · Regular
Mono / Meta
JetBrains Mono · Meta-Informationen, Tags
font-family: 'JetBrains Mono', monospace; · 0.75rem
03 Komponenten
Header, Hero, Footer — Live-Demos.
Steve Haring
Services Über mich Referenzen Kontakt

Business English, das wirkt.

Maßgeschneiderte Seminare für internationale Teams. Praxisnah, motivierend, nachhaltig.

Jetzt anfragen →

Services

Business English Interkulturelle Seminare Präsentationstraining

Kontakt

0170 – 104 – 6987 forsharing@yahoo.com

Rechtliches

Impressum Datenschutz
04 Buttons & Tags
Primary Button Outline Button
Business English Seminar Coaching
05 AI Agent Instructions
Anleitung für ChatGPT/Claude zur Nutzung dieses Design Systems.
Für AI Agents

Dateien hochladen:

  • design-tokens.json — Maschinenlesbare Farben, Fonts, Spacing
  • design-system.css — CSS Variables direkt verwendbar
  • Diese Seite als visuelle Referenz

Design-Regeln:

  • Primärfarbe: #24b7d3 (Cyan) — für CTAs, Links, Akzente
  • Textfarbe: #4f4f4f (Grau) — NICHT rein schwarz
  • Hintergrund: #ededed (Hellgrau) — NICHT rein weiß
  • Font: Quicksand — freundlich, rund, modern
  • Border-Radius: 12px (Cards, Buttons)
  • Shadow: subtil (0 1px 3px rgba(0,0,0,0.04))