
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern; eine Übertragung in dein eigenes Framework-Projekt, wenn du eines hast.
- Case Studies, die jeden Packshot mit einem Foto im Einsatz kombinieren, dazu ein Umfangsrechner, Monats- und Quartalspakete, Prozess-Tabs und ein validiertes Kontakt-Briefing.
- Die markanten Marker-Headlines, das Blob-Porträt, Sticker und farbige Service-Karten in einem 21-seitigen Beispiel mit 16 Bildern.
Passt gut für
- Unabhängige Brand- und Packaging-Designer, die ihre Persönlichkeit auf der Seite zeigen wollen.
- Fotografen und Illustratoren, die Work für Auftragsarbeiten nutzen und Pakete als Services verkaufen.
- Bäckereien und Lebensmittelhersteller, die aus Work ihr Sortiment und aus Process ihre Herstellung machen.
Nicht geeignet für
- Echten Formularversand oder Zahlungen; Kontakt-Briefing und Rechner zeigen nur ehrliche Demo-Ergebnisse.
- Marken, die einen ruhigen, minimalistischen oder seriösen Corporate-Look statt Marker-Schrift und Stickern wollen.
- Die fiktive Juno Halvorsen, ihre Kunden oder Zitate als echte Arbeiten auszugeben.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseAgentur-Website erstellenStil fixiertBearbeitbares ErgebnisDoodleHeroServiceArbeiten
Über diesen Skill

Marker-Doodle Brand Studio baut eine laute, warme, handgezeichnete Website für unabhängige Brand- oder Packaging-Designer: warmes Papier, Tintentext und drei Markerfarben (Kobaltblau, Tomatenrot und Sonnenblumengelb), Headlines im Keilspitzen-Marker-Look, ein lachendes freigestelltes Porträt in einem kobaltblauen Blob, farbig geblockte Service-Karten und echte Verpackungsfotografie. Das Beispiel ist die fiktive Designerin Juno Halvorsen mit 21 verknüpften Seiten.

Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern. Hast du bereits ein Framework-Projekt, wird das Design stattdessen dorthin übertragen.
- Eine komplette Studio-Website: eine Projektübersicht mit Filtern, Suche und Sortierung, vier Case Studies mit Packshots, Fotos im Einsatz und kopierbaren Farbfeldern, Services mit vier Detailseiten, About, Insights mit vier Artikeln, Prozess, Kontakt, Datenschutz und eine Not-found-Seite.
- Ein Umfangsrechner, der Startpreis und Zeitrahmen summiert und das Kontaktformular vorausfüllt, dazu Pakete mit Monats- und Quartalsumschalter.
- Ein validiertes Kontakt-Briefing mit Lade- und Erfolgszuständen, Prozess-Tabs mit Timeline-Diagramm und ein Lesefortschrittsbalken in Artikeln.
- Ein einmaliger Hero-Einstieg, eine rote Unterstreichung, die sich einzeichnet, Wackelaugen, die dem Mauszeiger folgen, und ein Kundenband, das beim Hovern pausiert – alles ruhig bei reduzierten Bewegungseinstellungen.

So nutzt du es
- Teile deinen Namen, was du gestaltest, deine Projekte mit Kunden und Ergebnissen, Services mit echten Preisen und deine Kontaktdaten. Fehlende Texte werden als plausible Platzhalter entworfen und zur Bestätigung für dich aufgelistet.
- Schick ein freigestelltes Porträt auf Weiß und ein quadratisches Schwarz-Weiß-Porträt, dazu Packshots und Fotos im Einsatz für jedes Projekt, oder lass den Agenten sie im selben Stil generieren.
- Öffne jede Seite auf Desktop und Smartphone, teste Filter, Rechner und Kontaktformular und bitte um Änderungen.

Die Typografie ist in Permanent Marker, Bricolage Grotesque und Kalam gesetzt und in die Datei eingebettet. Neue Bilder kommen aus dem eigenen Bildtool deines Agenten und können dessen Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Dein Name, was du gestaltest und eine kurze Vorstellung · Projekte mit Kunde, Jahr und Ergebnis, dazu Services mit echten Preisen und Kontaktdaten · Ein freigestelltes Porträt und Projektfotos oder die Freigabe, Platzhalter zu generieren
- 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 Bildtool in deinem Agenten oder eigene Fotos für Porträts, Packshots und Fotos im Einsatz
- Externe Kosten
- Neue Packshots, Fotos im Einsatz und Porträts werden mit dem eigenen Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Ohne ein solches Tool lieferst du eigene Fotos; die Studio-, Prozess- und Sticker-Bilder können bleiben. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …









