Online-Kurse · Pixelakademie

Online lernen.
Pixelgenau.

Jeder Kurs ist eine scrollbare Präsentation – durchdacht aufgebaut, ohne Login-Wahn, ohne Tracking-Hagel. Lernen wie es sich gehört.

Kurse ansehen Vorschau öffnen

Kapitel 03 · 12

Warum sich gutes Design trauen traut.

Ein Kurs in zwölf Kapiteln. Jedes vierzig Minuten lang. Mit Praxis-Aufgaben, Code-Beispielen und einem ehrlichen Lese-Ende.

Fortschritt · 38 %

Warum diese Akademie

Kein Pflichtprogramm.
Echte Vermittlung.

Kurse als Webseite

Statt PDFs und Login-Portalen: scrollbare Kurse, die wie eine gut gemachte Webseite funktionieren – auf jedem Gerät.

Im eigenen Tempo

Kein Cohort-Druck, keine Live-Calls um 19 Uhr. Lesen, pausieren, weiterlesen – Fortschritt wird sauber gespeichert.

Praxisnah, nicht klatschig

Aufgaben, Code-Snippets und Vorlagen, die Sie wirklich verwenden – nicht nur „Quizfragen am Ende des Kapitels".

Kurs-Katalog

Sechs Kurse. Eines Konzept.

12 Kapitel · ~ 8 Std

Webdesign-Grundlagen

Von Typografie und Farbe bis zur ersten responsiven Seite. Für Einsteiger:innen mit Anspruch.

EinstiegVorschau →

8 Kapitel · ~ 5 Std

Farb- & Typo-Systeme

Wie man Marken farb- und schriftsicher aufbaut – Tokens, Kontraste, Pairings.

AufbauVorschau →

10 Kapitel · ~ 7 Std

Modernes CSS & Layout

Grid, Flexbox, Container Queries, fluid Typography – sauber erklärt mit Live-Beispielen.

PraxisVorschau →

6 Kapitel · ~ 4 Std

Animation & Bewegung

Wann Animation hilft – und wann sie stört. Mit CSS-Transitions, Keyframes und etwas JavaScript.

AufbauVorschau →

9 Kapitel · ~ 6 Std

SEO ohne Hokuspokus

Saubere Strukturen, Meta-Daten, strukturierte Daten – ehrliches SEO ohne Wundermittel.

PraxisVorschau →

7 Kapitel · ~ 5 Std

Barrierefreiheit von Anfang an

Semantik, Kontrast, Tastatur, Screenreader – Webseiten, die wirklich für alle funktionieren.

AufbauVorschau →

Live-Vorschau

So sieht ein Kurs aus.

Eine Präsentation als Webseite – navigierbar mit Pfeiltasten oder Klicks. Inhalte sind echt, kein Lorem.

akademie.demo / kurs / webdesign-grundlagen

Kapitel 03 · Farben mit Bedeutung

Eine Farbe ist nie nur eine Farbe.

Farben transportieren Stimmung, lenken Aufmerksamkeit und tragen Marken-Identität. In diesem Kapitel lernen Sie, ein Farb-System zu bauen, das robust ist – auch wenn es mal lebhaft wird.

Statt einzelne Hex-Werte zu jagen, definieren wir Tokens. Diese werden als CSS-Variablen exportiert und sind in jedem Stylesheet verfügbar.

/* Beispiel: Farb-Tokens als CSS-Variablen */
:root {
  --color-ink:    #0d1320;
  --color-paper:  #ffffff;
  --color-accent: #295a8c;
}

3 von 8

Newsletter

Eingeladen, wenn der nächste
Kurs fertig ist.

Kein Spam. Kein Tracking. Nur eine kurze Mail, wenn etwas Neues bereit ist – und ein freier Probekurs zum Einstieg.

Probekurs starten Mich erinnern

Online lernen.Pixelgenau.

Warum sich gutes Design trauen traut.

Kein Pflichtprogramm.Echte Vermittlung.

Kurse als Webseite

Im eigenen Tempo

Praxisnah, nicht klatschig

Sechs Kurse. Eines Konzept.

Webdesign-Grundlagen

Farb- & Typo-Systeme

Modernes CSS & Layout

Animation & Bewegung

SEO ohne Hokuspokus

Barrierefreiheit von Anfang an

So sieht ein Kurs aus.

Eine Farbe ist nie nur eine Farbe.

Eingeladen, wenn der nächsteKurs fertig ist.

Online lernen.
Pixelgenau.

Kein Pflichtprogramm.
Echte Vermittlung.

Eingeladen, wenn der nächste
Kurs fertig ist.