Editorial Personal-Brand Landing Pagev1.0.2
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.030 Downloads2 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine ruhige Personal-Brand-Website für Berater, Designer oder Advisor, die über Vertrauen verkaufen. Der Hero ordnet feine und fette Aussagen um ein weich ausgeblendetes Studioporträt unter einer haarfeinen Klammer an, auf warmem Off-White mit einem einzigen Terrakotta-Akzent. Das Beispiel, Tomas Reinholt, hat 18 Seiten: Manifest, Services mit drei Detailseiten, Arbeiten mit drei Case Studies, Texte mit drei Beiträgen, About, Kontakt, Datenschutz und eine gestaltete 404-Seite. Standardmäßig bekommst du eine eigenständige Datei, die offline funktioniert.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine fertige Beispiel-Website mit 18 Routen für Tomas Reinholt, einen fiktiven Markenstrategen, mit Service-Seiten zum Festpreis, Case Studies, Essays und 15 Fotografien.
- Funktionierende Details: Projektfilter und Suche, Startdatum-Chips, die das Kontaktformular vorausfüllen, ein validiertes Kontaktformular mit Budgetauswahl, Zitat-Tabs, ein FAQ und Kopier-Buttons.
- Deine Website als eine Offline-Datei mit eingebetteten Hanken Grotesk und Geist Mono, dazu die visuellen Regeln, der Bildplan, das Motion-System und die Checkliste, nach denen dein Agent baut.
Passt gut für
- Berater, Strategen und Advisor, deren Kunden über Vertrauen kaufen und die eine ruhige, editoriale Website wollen.
- Designer, Architekten, Coaches oder Speaker, die Angebotsseiten, Case Studies und Texte brauchen, nicht nur eine einzelne Seite.
- Selbstständige, die eine Datei wollen, die sie prüfen und ohne Build-Schritt hosten können.
Nicht geeignet für
- Laute, bunte oder stark animierte Marken; dieses Design ist typografisch, Off-White und zurückhaltend.
- Websites ohne echtes Porträt: Der Hero ist um Fotos der Person gebaut, und generierte Gesichter sind nur Platzhalter.
- Live-Buchungen oder Zahlungen: Kontakt- und Newsletter-Formular bestätigen auf der Seite, bis du einen Dienst anbindest.
Content-Erstellung & PublishingCorporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenPersonal-Brand-Website erstellenStil fixiertBearbeitbares ErgebnisKlammerlinieEditoriale GroteskCremeweißes MinimalPorträt-HeroDünn-fett-Betonung
Über diesen Skill
Baue eine leise, selbstbewusste persönliche Website, bei der die Typografie überzeugt: feine Aussagen mit einer fetten Phrase, ein weich ausgeblendetes Studioporträt unter einer haarfeinen Klammer und warme Off-White-Seiten mit einem einzigen Terrakotta-Akzent. Das Beispiel ist Tomas Reinholt, ein fiktiver Markenstratege, mit 18 verlinkten Seiten und 15 Fotografien.
Das bekommst du
- Startseite, Manifest, Services mit drei Detailseiten, Arbeiten mit drei Case Studies, Texte mit drei Beiträgen, About, Kontakt, Datenschutz und eine gestaltete 404-Seite
- Service-Seiten mit Eckdaten, wöchentlichen Phasen, Hinweisen, für wen es passt, und Startdatum-Chips, die das Kontaktformular vorausfüllen
- Case Studies mit Faktenleiste, dem gefundenen Kernsatz, Ergebnissen und einem Kundenzitat
- Projektfilter mit Suche, Zitat-Tabs, ein FAQ und ein Kontaktformular, das jedes Feld prüft
- Eine Datei mit eingebetteten Schriften und Bildern, die offline in jedem Browser öffnet
So nutzt du es
- Gib deinen Namen, deine Disziplin, den Satz, den andere über dich wiederholen sollen, deine Angebote, Case Studies und deine Bio an; alles Fehlende wird entworfen und für dich aufgelistet.
- Schick zwei Porträts von dir; dein Agent generiert die übrigen Bilder, füllt jede Seite und prüft sie auf Desktop und Smartphone.
- Öffne die einzelne Datei, klick dich durch die Seiten und beschreibe Änderungen in eigenen Worten.
Formulare bestätigen auf der Seite und senden nichts, bis du einen Dienst anbindest. Neue Bilder aus dem Bildtool deines Agenten können dessen Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Dein Name, deine Disziplin und der eine Satz, den Kunden wiederholen sollen · Zwei bis vier Angebote mit Umfang, Dauer und Honorar sowie zwei bis vier Case Studies mit Ergebnissen · Zwei Porträts von dir, eine kurze Bio und Kontaktdaten
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildgenerierungstool in deinem Agenten für Bilder zu Case Studies, Services und Beiträgen, oder Bilder, die du selbst lieferst
- Externe Kosten
- Bilder für Case Studies, Services und Beiträge werden mit dem Bildtool deines Agenten generiert, für das dessen Nutzungskosten anfallen können. Deine Porträts kommen von dir, und einige neutrale Beispielbilder können als Platzhalter bleiben.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …