
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
FarbeGrundlagen 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.
BrandingWas 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 TextText 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ündeAesthetic 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 WebCSS 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.
BewegungAnimierter 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 DesignKI-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 nutzenWas 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 TrendsFarbverlauf-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äufeLinear, 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.
FarbeFarbkreis 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.
BrandingVisuelle 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 MediaInstagram-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 TextSchriftkombinationen: 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ündePrä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 WebCSS 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.
BewegungNahtloser 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 DesignKI-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 nutzenSo 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 TrendsGrafikdesign-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äufeMesh 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.
FarbeKomplementä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.
BrandingMarkenidentitä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 MediaInstagram-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.


