Mit Was Drin

Design System

The living brand reference — colors, type, logo, and voice. Start new MWD pages from here so the brand is correct by default.

Hero — brand in use

Wissen, was drin ist.

Dosis verstehen, einen wiederholbaren Prozess bauen, Fehler finden — für verlässliche Edibles in deiner eigenen Küche.

Color

Blue is the signature (logo, headings, structure). Orange is the energy (buttons, CTAs) — use sparingly. White dominates; cream and pale blue carry alternating section bands.

Blue (primary family)

blue-200
#D1DEE6
cool soft band
blue-300
#A2BDCD
blue-400
#749CB3
blue-500
#457B9A
blue-600
#227097
PRIMARY

Orange (accent family)

orange-100
#FFFAF2
warm soft band
orange-200
#FFEACC
orange-300
#FFBF66
orange-400
#FFA933
orange-500
#FF9400
ACCENT

Semantic tokens

primary
#227097
headings, structure
accent
#FF9400
buttons, CTAs
text
#374151
body text
bg
#FFFFFF
dominant background
bg-alt
#FFFAF2
warm cream band

Typography

Montserrat across the whole brand — Black for H1, Bold for headings, Medium for body. Readable, human, never corporate.

H1 · Black · 84px

Mit Was Drin

H2 · Bold · 40px

Dosis verstehen

H3 · Bold · 16px

Ein wiederholbarer Prozess

Paragraph Large · Medium · 20px

Klar, ruhig, mit einer Prise Humor — so klingt Mit Was Drin.

Paragraph Medium (body) · Medium · 16px

Wir erklären Edibles als Handwerk: messbar, wiederholbar, vorhersehbar. Keine medizinischen Versprechen, kein Hype — nur ein klarer Prozess, dem du folgen kannst.

Caption · Medium · 13px

Bildunterschrift oder kleiner Hinweis.

Buttons

Rounded corners, generous padding. Orange = the call to action; use it sparingly so it never becomes wallpaper.

Voice

Do

  • German, Du-Form, warm and calm.
  • Safety as empowerment, not fear.
  • Dose, Prozess, Fehler finden, Konsistenz, vorhersehbar.
  • DACH-open: "bei euch, wo ihr sitzt."

Don't

  • Medical claims (heilen, behandeln, Therapie).
  • Hype/slang (krass, ballert, Droge).
  • Patronizing ("du machst es falsch").
  • Banned: Hebel, Stellschrauben → use Punkte, Faktoren, Schritte.