Mentory DemoKurs von Mia Demo

Kostenlos

Design, das professionell wirkt (ohne Designer zu sein)

Du lernst, warum selbstgebaute Websites und Oberflächen oft billig wirken - und wie du das mit wenigen, klaren Regeln abstellst. Der Kurs gibt dir ein System aus Design-Tokens, Spacing, Typografie und Farbe, mit dem deine Projekte ruhig, konsistent und professionell aussehen. Am Ende hast du ein wiederverwendbares Fundament statt Bauchgefühl - und setzt es mit modernem Tailwind direkt im Code um.

Du brauchst nur ein kostenloses Konto — dauert eine Minute.

Das erwartet dich

6 Module · 19 Lektionen

Warum selbstgebaut oft billig aussieht

  • Das Problem hat einen Namen: fehlendes System
  • Konsistenz schlägt Kreativität
  • Vom Bauchgefühl zum System

Spacing: der stärkste Hebel

  • Warum Abstände wichtiger sind als Farben
  • Die Spacing-Skala: 4 und 8 als Bausteine
  • Innen und außen: Padding und Abstand
  • Ausrichtung und das unsichtbare Raster

Typografie: 90 Prozent deiner Oberfläche

  • Text ist der Großteil deines Designs
  • Die Typo-Skala und Hierarchie
  • Lesbarkeit: Zeilenlänge, Zeilenhöhe, Kontrast

Farbe und Kontrast mit Absicht

  • Weniger Farben, mehr Wirkung
  • Kontrast: lesbar für alle
  • Eine Palette aufbauen und einsetzen

Design-Tokens und Konsistenz

  • Was Design-Tokens wirklich sind
  • Tokens nach Rollen benennen
  • Konsistenz zur Gewohnheit machen