$4.99Amber Scrapbook Suite Landing Page
A distinctive launch page for a fictional creative workspace, styled like a carefully assembled amber scrapbook while staying clear, responsive, and product-focused.
Bluewave Podcast Landing Page
A high-craft landing page skill for independent podcast publishers who need a memorable launch surface, an immediate listening action, and a credible editorial archive in one responsive page.
What you get
- A saturated blue editorial landing page with bold humanist type and disciplined line motifs.
- A featured latest-episode module with play state, progress treatment, metadata, and mobile player behavior.
- A believable archive section with scannable audio cards, episode summaries, dates, and durations.
- Focused subscription, newsletter, sponsorship, and contact pathways written for a real publisher.
- An editable output structure that can be ported from standalone HTML to React, Vue, or Tailwind.
Good fit
- A new interview, technology, culture, or independent business podcast preparing for launch.
- A small publisher refreshing a show homepage while keeping listening and archive discovery central.
Not for
- A full podcast hosting platform with authentication, analytics, feeds, or payment processing.
- A large publication requiring dozens of taxonomy pages, complex search, or a multi-brand design system.
What you provide
- Show name, premise, host voice, and intended listener.
- Latest episode details including title, summary, duration, and guest or topic.
- Archive entries, preferred conversion action, and destination links.
Requirements
- A modern browser
- Node.js 20+ for the validator
Running cost
No external services. Runs entirely on your agent.
Try this prompt
/sl-bluewave-podcast-landing-page Build Signal Shore for builders: navigation, hero, logos, 3 benefits, Episode 018, 4 stats, 2 testimonials, FAQ, listen CTA, footer. Quote “The decisions behind the work people remember.” and “Give the next good decision a little more room.” Feature “The Quiet Work Behind a Clear Launch,” with Mara Vale, Rowan Ellis, 38 minutes. Use saturated blue, yellow controls, waveform lines, fictional copy.
Follow-up prompts
- Make the archive denser and add filtering by topic while keeping the featured episode dominant.
- Adapt the page for a solo host and replace testimonials with a sponsor-ready audience section.
- Port the page to React with episode data in a single editable array and preserve the mobile player behavior.
Verification
Verified
| render-check | pass | 4.0 / 5 | 138s |
FAQ
Can the page use a real audio player?
Yes. Wire the visible play control and progress bar to the supplied audio URL or the project’s existing player API. The default output should still present a convincing accessible demo state when no audio file is available.
Does the style work for a solo show?
Yes. Replace guest metadata with a recurring editorial segment, field note, or host-led question while retaining the same episode-card and listening hierarchy.
Can the blue system be adapted to a publisher brand?
Yes, but preserve the strong color ground, pale reading surfaces, warm action accent, and thin signal lines so the signature remains recognizable.
Similar skills
$4.99
$4.99Coinhaven Crypto Landing Page
A light, dashboard-led launch page for a fictional crypto portfolio workspace, built to explain the product clearly and convert cautious early adopters.
$4.99Finora Banking Landing Page
A dark-first banking landing page with an editable account dashboard, precise product copy, clear pricing, and an access-request path. Designed for founders launching a financial product without relying on generic device mockups or unsupported trust claims.
$4.99Editorial Dev Portfolio Landing Page
A monochrome, image-led portfolio landing page for developers and interface makers who need a distinctive editorial presence. It turns selected work into concise journal entries with clear outcomes, process notes, and a focused contact path.
$4.99Editorial Ink Landing Page
Create a considered launch page for software with magazine typography, warm paper tones, and clear product storytelling. Made for founders who want a distinctive, editable alternative to generic templates.
$4.99Editorial Studio SaaS Landing Page
A premium, image-led launch page for a fictional publishing studio SaaS, styled with editorial serif headlines, deep-blue details, precise columns, and fine rules.
$4.99Editorial Personal Brand Landing Page
A portrait-led landing page for an independent professional who needs to show both a distinct point of view and credible work. The editable layout combines sharp grotesk typography, bracket-like rules, selected bold phrases, and a warm off-white ground.
$4.99Vaultic Fintech Landing Page
A polished light-first fintech landing page skill for product launches that need a dashboard-led hero, credible operational copy, bento feature storytelling, and a focused conversion path for solo founders and app developers.