Editorial Studio SaaS
+6Editorial Personal Brand Landingv1.0.2
Use this Skill to build website page.
Rising
5.011 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Build a calm personal-brand website for a consultant, designer or advisor who sells on trust. The hero arranges thin and bold statements around a feathered studio portrait under a hairline bracket, on warm off-white with one terracotta accent. The example, Tomas Reinholt, has 18 pages: manifesto, services with three detail pages, work with three case studies, writing with three posts, about, contact, privacy and a designed 404. By default you get one self-contained file that works offline.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills
What you get
- A finished 18-route example site for Tomas Reinholt, a fictional brand strategist, with fixed-fee service pages, case studies, essays and 15 photographs.
- Working details: work filters and search, start-date chips that prefill the contact form, a validated contact form with budget choices, quote tabs, an FAQ and copy buttons.
- Your site as one offline file with Hanken Grotesk and Geist Mono embedded, plus the visual rules, image plan, motion system and checklist your agent builds from.
Good fit
- Consultants, strategists and advisors whose clients buy on trust and who want a quiet, editorial site.
- Designers, architects, coaches or speakers who need offer pages, case studies and writing, not just one page.
- Independent professionals who want one file they can review and host without a build step.
Not for
- Loud, colourful or heavily animated brands; this design is typographic, off-white and restrained.
- Sites without a real portrait: the hero is built around photos of the person, and generated faces are only stand-ins.
- Live bookings or payments: the contact and newsletter forms confirm on the page until you connect a service.
Content Publishing & Article VisualsBrand IdentityDigital Publications & Web PagesBuild Website PageBuild Landing PageBuild Personal Brand SiteStyle-lockedEditable OutputBracket LineEditorial GroteskOff White MinimalPortrait HeroThin Bold Emphasis
About this Skill
Build a quiet, confident personal site where the type does the persuading: thin statements with one bold phrase, a feathered studio portrait under a hairline bracket, and warm off-white pages with a single terracotta accent. The example is Tomas Reinholt, a fictional brand strategist, with 18 connected pages and 15 photographs.
What you get
- Home, manifesto, services with three detail pages, work with three case studies, writing with three posts, about, contact, privacy and a designed 404
- Service pages with facts, weekly stages, fit notes and start-date chips that prefill the contact form
- Case studies with a facts strip, the sentence found, outcomes and a client quote
- Work filters with search, quote tabs, an FAQ and a contact form that checks each field
- One file with fonts and images embedded that opens offline in any browser
How to use it
- Share your name, discipline, the sentence you want repeated, your offers, case studies and bio; anything missing is drafted and listed for you.
- Send two portraits of yourself; your agent generates the remaining images, fills every page and checks it on desktop and phone.
- Open the single file, click through the pages and ask for changes in plain words.
Forms confirm on the page and send nothing until you connect a service. New images made with your agent's image tool may incur that tool's usage charges.
What you need before you start
- You bring
- Your name, discipline and the one sentence you want clients to repeat · Two to four offers with scope, duration and fee, and two to four case studies with outcomes · Two portraits of yourself, a short bio and contact details
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for case-study, service and post images, or images you supply
- Outside costs
- Case-study, service and post images are generated with your agent's own image tool, which may incur that tool's usage charges. Your portraits come from you, and some neutral example images can stay as placeholders.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…