MC Uhlenbrock

Design System · Final Version (Gemini-Entwurf)

Gloock + Inter · Olive/Lime Palette · Naturnahe Gestaltung

01 Farben
Light/Dark kompatibel via CSS Custom Properties. Olive Green als Primärfarbe, Lime als Akzent.
Olive Green
#6D7647
Lime Accent
#B1C553
Olive Deep
#4A5230
Text Charcoal
#2D2926
Off-White
#EDEDE9
Petrol (Robert)
#59A8C1
Amber (Therapie)
#E5AB4A
Koralle (Preise)
#E6826B
Flieder (FAQ)
#BD7CB3
02 Typografie
Premium-Kombination: Gloock (serif) für Headlines, Inter (sans-serif) für Body Text.
Display / H1
Gloock Display
font-family: 'Gloock', serif; · clamp(2.6rem, 6.5vw, 5.4rem)
Heading / H2
Gloock Heading
font-family: 'Gloock', serif; · clamp(1.9rem, 4vw, 3.2rem)
Body
Inter Body Text — Optimale Lesbarkeit für lange Absätze. Line-height 1.7, max-width 64ch.
font-family: 'Inter', sans-serif; · clamp(1rem, 1.05vw, 1.08rem)
Mono / Meta
SFMono-Regular · Meta-Informationen, Tags, Labels
font-family: 'SFMono-Regular', monospace; · 0.75rem
03 Logo-Varianten
4 offizielle Varianten. Download-Links für alle Formate.
Logo positiv
Positiv (Hell)
Logo negativ
Negativ (Dunkel)
Logo 13
Variante 13
Logo 18
Variante 18
04 Bilder & Assets
Alle visuellen Elemente aus dem Gemini-Entwurf. Klicke auf "Download" für lokale Kopien.
Flaschen S/W
bottlesbw-10.jpg
Hero Hintergrund · Schwarz-Weiß
Download
Pexels Magic K
pexels-magic-k.jpg
Teneriffa Landschaft · Natur
Download
Robert Uhlenbrock
robertuhlenbrock.jpg
Portrait · Dr. Robert Uhlenbrock
Download
05 Komponenten
Header, Hero, Footer — Live-Demos im Gemini-Style.
MC Uhlenbrock
Über Robert Cannabistherapie Preise FAQ Beratungsgespräch →

Naturnahe Gesundheitsberatung

Ganzheitliche Medizin und Cannabinoidtherapie auf Teneriffa. Persönlich begleitet, doppelt approbiert (DE & ES).

Termin vereinbaren

Navigation

Über Robert Cannabistherapie Preise FAQ

Kontakt

info@mcuhlenbrock.com +34 625 20 51 99

Rechtliches

Impressum Datenschutz
06 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: #6D7647 (Olive Green) — für CTAs, Links, Akzente
  • Sekundärfarbe: #B1C553 (Lime) — für Hover, Highlights
  • Textfarbe: #2D2926 (Charcoal) — NICHT rein schwarz
  • Hintergrund: #EDEDE9 (Off-White) — NICHT rein weiß
  • Headlines: Gloock (serif) — elegant, naturnah
  • Body: Inter (sans-serif) — modern, lesbar
  • Border-Radius: 6px (Buttons), 12px (Cards)
  • Shadow: subtil, warm (rgba(45, 41, 38, 0.06))