メインコンテンツにスキップ

Inkwell

Turn your newsletter into a brand with a landing page that converts visitors to subscribers. Get the editorial quality of a major publication without hiring designers or developers.

LOLovable
·0 remixes

Designed for

  • Newsletter creators building subscriber trust
  • Solopreneurs launching audience-first publications
  • Delivering polished newsletter pages for clients
  • Writers seeking editorial-quality presentation

Key highlights

  • Bento-grid layout
  • Dual subscribe forms
  • Drop caps and blockquotes
  • Scroll-triggered animations
  • Four ready routes
  • Social proof grid
  • Social sharing on thank-you
  • Mobile-responsive design

Technology stack

Frontend

  • React
  • TypeScript
  • Tailwind CSS
  • Recharts
  • Framer Motion

UI Components

  • shadcn/ui

Backend

  • Supabase

Other

  • Embla Carousel

Deployment

  • Lovable
  • GitHub

About this template

About This Template

This template gives you a newsletter landing page that looks like a premium editorial publication, and you don't need design skills or coding knowledge to make it work. The distinctive bento-grid layout—with clean black divider lines between sections—sets your newsletter apart from every generic landing page template out there.

The technical parts are already handled. Mobile responsiveness, smooth scroll navigation, email validation with loading and success states, animated page transitions—all done. You can focus on writing your newsletter and growing your subscriber list instead of fighting with website code.

Four routes come ready to go: a full landing page with seven sections (hero, social proof, sample issues, benefits, about the author, subscribe form, and footer), an editorial post page with drop caps and styled blockquotes, a thank-you page with social sharing buttons, and a 404 page. Two email subscription forms are built in—one in the hero and one in a dedicated subscribe section—complete with validation, loading spinners, success confirmation, and redirect to the thank-you page.

Instead of paying a monthly fee for a basic landing page builder or spending weeks wiring together a custom site, you get a polished, conversion-focused newsletter page in hours—fully customizable, no recurring costs, no theme restrictions.

Best Use Cases

Creator Newsletter Launch Pages

Launch your newsletter with a page that looks like it belongs to a major publication. The bento-grid layout, Montserrat black headlines, and soft peach gradient CTAs create a premium editorial feel that builds trust with new visitors. Subscribers who trust your brand from the landing page are more likely to open your emails and stick around.

Thought Leadership Platforms

Position yourself as an authority in your niche with sample issue previews, a benefits section, and a dedicated about-the-author area. The social proof section with its three-column grid gives you space to highlight subscriber counts, testimonials, or media mentions. That credibility translates directly into consulting leads, speaking invitations, and partnership opportunities.

Content Marketing for Newsletter Creators

Drive subscribers for your newsletter by showcasing your content through sample issues. The editorial post page—with full-bleed images, two-up photo grids, and styled blockquotes—lets you publish sample articles that demonstrate your writing and expertise. Prospects who read your content arrive pre-sold and ready to subscribe.

Paid Newsletter Pre-Launch

Build an email list before you launch a paid newsletter. The dual subscription forms (hero and dedicated section) give visitors two chances to sign up, and the thank-you page with social share buttons encourages new subscribers to spread the word. A larger launch list means more paying subscribers from day one.

See yourself in one of these? Remix this template and start building.

What You Can Build

This template gives you the foundation for:

  • A newsletter landing page that converts browsers into subscribers—with an animated hero section, sample issue previews, and a full email signup flow that validates, confirms, and redirects
  • An editorial post page where you publish sample articles with drop caps, pull quotes, paired image layouts, and related article cards at the bottom
  • A thank-you page for post-subscription confirmation—social sharing buttons, next steps, and a spring-animated success checkmark built into the post-conversion experience

Getting Started

Step 1: Remix This Template

Click "Remix" to create your copy. You'll have a complete newsletter landing page ready to customize—four pages including a seven-section landing page, an editorial post page, a thank-you page with social sharing, and a 404 page. The subscription forms, animations, and navigation are already working—you just need to make it yours.

If this template isn't the right fit, you can remix a different one—no wasted work.

Step 2: Customize Your Brand

Change the gradient accents on the CTA buttons to match your newsletter's identity. Update the Montserrat headlines and Inter body text to reflect your style—or swap in your own font choices. The color system uses CSS custom properties, so adjusting the warm gray background, black foreground, and peach accent tones takes minutes. You don't need to know code to make it look exactly how you want.

Step 3: Add Your Content

Replace the sample newsletter issues with previews of your actual content. Update the hero headline and subtitle to describe what subscribers get. Swap in your own photo for the author section, write your bio, and add your social media links. Upload images for the post page—the template supports full-bleed hero images and two-up photo grids. The template stays out of your way so your content is what people notice.

Step 4: Connect Your Tools

Link your email marketing service to the subscription forms, add analytics tracking, connect your social media profiles in the footer and author section, or integrate a payment platform for paid newsletters. The template's clean structure makes it straightforward to wire up the tools newsletter creators actually use.

Step 5: Go Live

Deploy your newsletter landing page with one click. Lovable handles the hosting, security, and performance optimization automatically. Your page goes live worldwide in minutes, and you can start sharing the URL with your audience and embedding it in your social bios.

Conclusion

This newsletter landing page template works for creators who want their publication to look as polished as the content inside it. You get a distinctive bento-grid layout without hiring a designer, a complete subscription flow without backend development, and editorial-quality post pages without stitching together plugins.

Whether you're launching your first newsletter or upgrading from a basic link-in-bio page, this template gives you a strong foundation. The scroll-triggered animations and blur-up text reveals make a strong first impression, the dual subscription forms maximize signups, and the thank-you page with social sharing turns every new subscriber into a potential referral. The template is free and takes a few hours to customize—you could be live and collecting subscribers by tonight.

Features & capabilities

  • Seven-Section Landing Page

    Hero, social proof, sample issues, benefits, author bio, subscribe form, and footer—a complete conversion-focused layout ready to customize.

  • Dual Email Subscription Forms

    Two signup opportunities (hero and dedicated section) with full validation, loading spinners, success states, and automatic redirect to thank-you page.

  • Premium Typography System

    Montserrat black headlines with tight tracking paired with Inter body text create the polished editorial feel of major publications.

  • Soft Gradient CTA Buttons

    Peach-to-pink gradient accents on subscribe buttons add visual warmth and draw attention without overwhelming your content.

  • Social Proof Grid Section

    Three-column layout for subscriber counts, testimonials, or media mentions—build credibility that converts skeptical visitors into subscribers.

  • Sample Issue Previews

    Showcase your newsletter content with tagged issue cards featuring read times and category labels so visitors know what to expect.

  • Thank-You Page with Social Sharing

    Post-subscription confirmation with Twitter, LinkedIn, and copy-link buttons turns every new subscriber into a potential referral.

  • Author Bio Section

    Dedicated space for your photo, story, and social links—establish trust and personal connection with potential subscribers.

  • Drop Caps and Blockquotes

    Editorial post page features decorative first letters and styled pull quotes that match print-quality magazine design standards.

  • Smooth Scroll Navigation

    Anchor-linked navbar with smooth scrolling lets visitors jump directly to issues, benefits, about, or subscribe sections.

  • Framer Motion Animations

    Staggered entrance cascades, scroll-triggered reveals, and hover micro-interactions create a polished, professional browsing experience.

  • Mobile-Responsive Design

    Layouts adapt seamlessly from desktop grids to single-column mobile views so your page looks great on any device.