Verkauf CSS-Vorlagen

CSS-Templates als fertiges Produkt verkaufen

Ein CSS-Template wird als Styling-Paket verkauft: Variablen, Komponentenklassen und Responsive-Regeln, die jemand anderes in ein Projekt einfügt, das Sie nie zu Gesicht bekommen. Käufer bezahlen für die Zeitersparnis, die ihnen durch die Änderung von drei Variablen entsteht, und dafür, dass alles zu ihrer Marke passt. Alles andere dient dazu, dieses Versprechen zu erfüllen.

Struktur, die die Wiederverwendung übersteht

Beginnen Sie mit der Basisebene. Farben, Abstände und Typografie-Skalierung gehören in einen kleinen Satz von Variablen ganz oben, damit der Rest des Stylesheets diese Werte verwendet, anstatt sie zu wiederholen. Komponentenklassen befinden sich darüber, und Varianten kommen zuletzt und modifizieren Komponenten, ohne sie zu ersetzen.

Prüfer eines kostenpflichtigen Stylesheets achten in der Regel auf Folgendes:

1. Einen Variablenblock, der klein genug ist, um ihn auf einem Bildschirm zu erfassen;

2. Komponentenklassen, die aussagekräftig benannt sind und nicht an ihrer ursprünglichen Position;

3. Zustände für Hover, Fokus und Fehler bei jedem interaktiven Element;

4. Responsive Regeln nach Breakpoint gruppieren, anstatt sie über die gesamte Datei zu verteilen.

Anpassung ohne alles neu schreiben

Legen Sie im Voraus fest, welche Bereiche ein Käufer bearbeiten soll, und kennzeichnen Sie diese Bereiche deutlich. Die Namen spielen dabei eine entscheidende Rolle. Eine Klasse namens „card“ ist leicht zu übertragen; eine Klasse namens „promo-block-2“ ist hingegen nichtssagend und wird trotzdem kopiert.

Der Geltungsbereich ist genauso wichtig wie die Benennung. Globale Regeln, die in ein Host-Projekt hineinreichen, werden Probleme verursachen. Trennen Sie diese daher von den Komponentenregeln, die ein Käufer tatsächlich benötigt.

Kennzeichnen Sie die anpassbare Oberfläche klar, und Supportanfragen verschwinden weitgehend:

1. Markenfarben und Abstände werden aus Variablen und niemals aus einzelnen Selektoren bezogen;

2. Ein einmal definierter Schriftartenstapel mit einem Fallback, der funktioniert, wenn die primäre Schriftart nicht geladen werden kann;

3. Komponentenvarianten werden über eine zusätzliche Klasse hinzugefügt, die Basisregel bleibt unverändert.

Anzeichen für Templates, die niemand pflegen will

Sie kennen das: Beim Öffnen finden Sie vierzig Selektoren, die an ein bestimmtes Layout gebunden sind, mit sich gegenseitig störenden Überschreibungen und Ausrufezeichen überall dort, wo die Kaskade unpraktisch wird. Der Käufer findet keine Möglichkeit, die Buttonfarbe zu ändern, ohne die Karten zu beschädigen, und die Rückerstattungsanfrage trifft noch am selben Abend ein.

Auch die Dateigröße ist wichtig. Liefern Sie nur die Regeln, die ein Projekt tatsächlich verwendet. Die Option „Minimales CSS pro Seite exportieren“ in Nicepage erzeugt eine schlankere Ausgabe, sodass Sie dem Käufer genau das liefern, was er braucht.

Der ehrliche Test, bevor Sie etwas zum Verkauf anbieten: Geben Sie das Stylesheet jemandem, der es noch nie gesehen hat, bitten Sie ihn um eine Farbänderung und eine neue Kartenvariante und stoppen Sie die Zeit. In weniger als zehn Minuten haben Sie ein fertiges Produkt; in einer Stunde ein Portfolio-Beispiel.