Gradiently Leitfaden

Leitfaden

Klare, praxisnahe Anleitungen zu Farbverläufen, Farbe, Markenidentität und dazu, wie du Dinge gestaltest, die nach dir aussehen.

200 Artikel · 11 Themen

Hier starten

Alle Artikel

Farbe

Grundlagen der Farbtheorie für Menschen, die nicht gestalten

4 Min. Lesezeit

Du brauchst keine Kunsthochschule, um Farben gut zu wählen. Sechs Ideen erklären fast jede Farbentscheidung, und jede lässt sich in wenigen Minuten lernen.

Branding

Was ist Markenidentität? Die Teile, die wirklich zählen

5 Min. Lesezeit

Das Logo ist der Teil der Markenidentität, über den alle reden, und der, den Menschen am wenigsten bemerken. Hier sind alle Teile, was jeder trägt und wie sie zusammen Wiedererkennung ergeben.

Schrift und Text

Text auf Farbverlauf-Hintergrund: so bleibt er immer lesbar

5 Min. Lesezeit

Ein Farbverlauf ändert sich unter jedem Buchstaben, also kann eine Farbe, die an einem Ende gut lesbar ist, am anderen verschwinden. Hier ist die Methode, die Worte über den ganzen Übergang lesbar hält.

Hintergründe

Aesthetic Hintergrund: so machst du deinen eigenen

5 Min. Lesezeit

Heruntergeladene Hintergründe teilst du mit allen, die dieselbe Seite gefunden haben. Einen eigenen zu machen, dauert einen Nachmittag, und das Ergebnis passt zu deinem Handy, deinem Desktop und deinen Posts.

CSS und Web

CSS linear-gradient(): der vollständige Leitfaden

6 Min. Lesezeit

Jeder Teil von linear-gradient() erklärt, mit einem Live-Beispiel neben dem Code: von der Standardrichtung über harte Stopps und geschichteten Glanz bis zu weicheren OKLCH-Mischungen.

Bewegung

Animierter Farbverlauf als Hintergrund für Video und Social

5 Min. Lesezeit

Ein animierter Farbverlauf kann aussehen wie Licht, das durch Seide wandert, oder wie ein Bildschirmschoner. Der Unterschied sind eine Handvoll Designentscheidungen, die du bewusst treffen kannst.

KI und Design

KI-Design-Tools: was sie gut können und wo sie an Grenzen stoßen

5 Min. Lesezeit

KI liefert dir fünfzig Optionen vor dem Mittagessen. Ob eine davon nach deiner Marke aussieht, ist eine andere Frage. So unterscheidest du die Tools und beurteilst sie fair.

Gradiently nutzen

Was ist ein Gradiently Mark? Lebendige Farbverläufe erklärt

6 Min. Lesezeit

Ein Mark sieht aus wie ein Farbverlaufshintergrund, verhält sich aber wie ein Markenwert: ein live gezeichnetes Rezept mit öffentlichem Code, einem Schöpfer und genau einem Besitzer.

Ideen und Trends

Farbverlauf-Trends 2026: sechs Richtungen, die sich lohnen

6 Min. Lesezeit

Farbverläufe sind dieses Jahr nicht verschwunden. Sie wurden leiser, körniger, dunkler und persönlicher. Hier sind die Richtungen, die tragen, jede mit einem Look zum Kopieren.

Farbverläufe

Linear, radial, konisch, Mesh: alle Arten von Farbverläufen erklärt

5 Min. Lesezeit

Jeder Farbverlauf bewegt Farbe entlang eines Pfads. Ändere den Pfad, und du änderst das Gefühl. Hier ist jede Art, wie sie aussieht, der Code dafür und die Aufgabe, die sie am besten erledigt.

Farbe

Farbkreis nutzen: so wählst du eine Farbpalette

4 Min. Lesezeit

Der Farbkreis ist das älteste Werkzeug der Farblehre und noch immer das nützlichste. So liest du ihn, warum der Malerkreis und der Bildschirmkreis sich widersprechen und wie du daraus eine Palette machst.

Branding

Visuelle Identität, Markenidentität und Logo im Vergleich

4 Min. Lesezeit

Drei Begriffe, die benutzt werden, als bedeuteten sie dasselbe. Das tun sie nicht, und der Unterschied erklärt, warum ein neues Logo so selten eine Marke rettet, die niemand wiedererkennt.

Social Media

Instagram-Post-Größen: alle Formate und welches du nutzen solltest

4 Min. Lesezeit

Instagram nimmt mehrere Formate an, aber nicht alle erfüllen dieselbe Aufgabe. Hier ist jedes Format, wann du welches nutzt, wie das Profilraster sie beschneidet und wie du exportierst, damit sie scharf bleiben.

Schrift und Text

Schriftkombinationen: einfache Regeln, die funktionieren

5 Min. Lesezeit

Zwei Schriften, die allein gut aussehen, können sich streiten, wenn sie eine Seite teilen. Ein paar Regeln und eine Handvoll bewährter Paare nehmen dem das Rätselraten.

Hintergründe

Präsentationshintergründe, die nicht gegen deine Folien kämpfen

5 Min. Lesezeit

Die meisten Folienhintergründe werden für die Titelfolie ausgesucht und leiden dann durch vierzig Inhaltsfolien. Gestalte lieber eine kleine Familie: laut, wo es geht, leise, wo Leute lesen müssen.

CSS und Web

CSS radialer Farbverlauf: Formen, Größen und Positionen

5 Min. Lesezeit

radial-gradient() zeichnet Farbe von einem Punkt aus nach außen. Hier findest du jeden Teil davon mit Live-Beispielen, dazu die Schichttricks hinter weichen Glows, Spotlights und Vignetten.

Bewegung

Nahtloser Loop: so machst du ein Video, das nie springt

6 Min. Lesezeit

Ein Loop, der alle zehn Sekunden einmal springt, ist schlimmer als gar keine Bewegung. Die Lösung ist kein besserer Editor, sondern Bewegung, die dafür gemacht ist, nach Hause zu kommen.

KI und Design

KI-Markenidentität: was KI kann und was du brauchst

5 Min. Lesezeit

KI liefert dir Logo, Farbpalette und Claim, bevor dein Kaffee kalt wird. Ob daraus eine Marke wird, bleibt dein Job.

Gradiently nutzen

So findest und sicherst du einen Mark

5 Min. Lesezeit

Zwanzigtausend Marks, einer davon passt zu dir. So durchsuchst du den Markt gut, testest einen Mark mit deinen eigenen Wörtern und machst ihn zu deinem.

Ideen und Trends

Grafikdesign-Trends 2026, die sich lohnen, und wie du sie nutzt

6 Min. Lesezeit

Vier große Richtungen prägen das Design in diesem Jahr. Jede kann eine Marke aktuell wirken lassen, und jede kann sie bis zum nächsten Frühling alt aussehen lassen. So erkennst du den Unterschied.

Farbverläufe

Mesh Gradient: was ein Mesh-Verlauf ist und wie du einen erstellst

5 Min. Lesezeit

Mesh-Verläufe sind die weichen, treibenden Farbfelder hinter der Hälfte aller Launch-Seiten, die du dieses Jahr gesehen hast. So funktionieren sie, so baust du einen von Hand, und das sind die zwei Fehler, die die meisten ruinieren.

Farbe

Komplementärfarben: Kontrast, der ausgewogen bleibt

4 Min. Lesezeit

Gegenüberliegende Farben liefern den stärksten Kontrast, den Farbe bieten kann, und den schnellsten Weg zu einem Design, das summt, oder einem, das schreit. Den Unterschied machen Proportion und Helligkeit.

Branding

Markenidentität entwickeln an einem Wochenende

5 Min. Lesezeit

Du brauchst keine drei Monate und keine Agentur, um wie eine echte Marke auszusehen. Du brauchst zwei konzentrierte Tage, eine klare Reihenfolge von Entscheidungen und die Disziplin, aufzuhören, wenn es gut genug ist.

Social Media

Instagram-Story-Größe und sichere Zonen

4 Min. Lesezeit

Eine Story füllt den ganzen Handybildschirm, und Instagram legt seine eigene Oberfläche über den oberen und unteren Rand. Hier sind die Größe, die Zonen, die frei bleiben sollten, und wie du darin gestaltest.