Lather — Authoritative Artisan Skincare Landing Page Template

Lather is an editorial soap making blog landing page template built for cold-process soapmakers. It combines a Victorian apothecary design with a hub and spoke anchor-nav layout, a broadsheet masthead, and a "Find Your Soap Style" quiz modal. The result is a curated, publication-quality site that guides readers from first visit to loyal subscriber.

by Rocket studio

Quick summary

Lather is a single-page, hub and spoke landing page template for a soap making blog. It uses an editorial magazine design, a Parchment and Rust color palette, and a quiz-driven call to action. Readers can discover recipes, ingredient guides, and technique deep-dives without leaving the page.

Who this template is for

This template is built for soapmakers who want a craft-journal presence online without building from scratch. It fits both established hobbyists and first-batch beginners equally well.

  • Intermediate cold-process soapmakers ready to share recipes and technique diaries
  • Beginners who want an authoritative soap making resource they can trust
  • Independent soap making content creators who want a polished editorial site

What problem this template solves

Most soap making blogs look like generic recipe sites. Readers find them difficult to search, lacking personality, and slow to build trust. This landing page template solves that by combining editorial design with structured navigation.

  • Disorganized content makes readers leave before they find what they need
  • Generic design fails to reflect the craft and care behind natural soap making
  • No clear call to action means visitors browse and disappear without subscribing

What you get with this template

This template delivers a fully structured landing page with distinct editorial sections that feel like departments of a curated publication. Every design detail is set and ready to build on.

  • A newspaper-style masthead with a woodcut SVG hero illustration in ink and rust tones
  • Anchor navigation tabs linking to Recipes, Ingredients, Technique, Troubleshooting, and Community
  • A five-question "Find Your Soap Style" quiz modal that delivers a personalized Soap Profile result card

Feature list

This template ships with purpose-built features that serve soap making content without relying on generic blog patterns. Each feature supports the editorial identity and helps users move through the page with purpose.

Broadsheet Masthead and Anchor Navigation

The full-width masthead displays the blog name at broadsheet scale using Crimson Text serif. Below it, a woodcut-style SVG illustration and ruled lines frame anchor-nav tabs. Users can jump to any section in minutes, making the site easy to search and explore.

"Find Your Soap Style" Quiz Modal

The primary call to action launches a five-question quiz inside a modal styled as a folded broadsheet. It asks about scent family, experience level, skin concern, oil base, and aesthetic preference. Results produce a printable Soap Profile card with a starter recipe, matched blog posts, and a shopping list.

Editor's Letter Two-Column Layout

The mission section uses a two-column magazine layout with a drop cap, pull quotes in oxidized rust, and a clear value proposition. This design builds trust with readers by articulating why the soap making blog exists and what sets it apart.

Recipe Archive Card Catalogue

The recipe section presents soap making content as a card catalogue grid. Each card uses hover-reveal to surface details, making it easy to find recipes by category without leaving the landing page.

Ingredient Glossary with Botanical Plates

The glossary section features ingredient cards accented with sage botanical illustrations. This gives readers free access to detailed ingredient context, building the site's authority for natural soap making topics.

Persistent Call-to-Action Bar and Email Capture

After the first scroll, a persistent bottom bar keeps the quiz call to action visible. A secondary path offers a magazine-style subscription prompt, converting casual visitors into long-term readers without interrupting the editorial flow.

Page sections overview

SectionPurpose
Newspaper Masthead HeroSets editorial tone, displays woodcut illustration
Anchor Navigation TabsLinks to all five editorial departments
Editor's LetterStates blog mission in two-column magazine layout
Recipe Archive GridShowcases soap recipes as a card catalogue
Ingredient GlossaryPresents botanical ingredient reference cards
Technique LibraryOrganizes soap making methods by difficulty
Troubleshooting ColumnAnswers common soap making problems in advice-column format
Persistent call to action BarKeeps quiz call to action visible during scroll
Email Subscription ModalCaptures subscriber emails as magazine sign-ups

Design & branding system

The design follows a Victorian apothecary editorial theme. Every visual choice references letterpress printing, aged parchment, and copper-plate illustration to create a site that feels like a craft journal rather than a standard blog.

  • Aged vellum background (#F5ECD7), iron-gall ink text (#2C2418), oxidized rust accents (#A0522D), and muted sage botanicals (#8A9A7B)
  • Crimson Text serif for the masthead and headings; DM Sans for body and navigation
  • SVG woodcut illustrations, drop caps, pull quotes, ruled lines, and scroll-based fade animations

Mobile & speed optimization

The template is desktop-first in its design approach, reflecting the craft-journal aesthetic that benefits from wider layouts. It is also fully responsive so mobile users get a clean, readable experience.

  • Static-first build with minimal raster images, relying on SVG illustrations for fast load times
  • Responsive layout scales all editorial sections cleanly from desktop to phone
  • Anchor navigation collapses gracefully on smaller screens so users can still find every section

How this template helps you convert

A high-converting landing page balances aesthetic appeal with a single, clear goal. This template is built around that principle, using every section to guide readers toward the quiz or the subscription prompt.

  1. The persistent quiz call-to-action bar keeps the primary goal visible throughout the entire scroll, so users never lose track of the next step.
  2. The Soap Profile result card delivers immediate value, a free starter recipe plus a curated reading list, giving readers a concrete reason to subscribe.

Other information about this template

This template is part of a broader landscape of soap making web design resources. Understanding where it fits helps you choose the right starting point for your site.

  • Platforms like Canva offer thousands of customizable soap templates for quick visual projects, while this template targets editorial blog experiences
  • Weblium provides free templates that can be customized for handmade soap websites; this template goes further with a full editorial design system
  • Dribbble features soap landing page designs for inspiration, and this template brings that level of craft polish into a ready-to-build format
  • The price of custom editorial design from a studio can run into thousands of dollars; this template gives you that aesthetic at a low, accessible entry point
  • Users can add items, set new sections, or check content categories to suit their specific soap making niche
  • The template supports social proof display, including subscriber counts, issues published, and recipe totals, to build reader trust
  • Rights to customize and publish the template are included with your purchase, so your finished site is fully yours
  • Cart and products integrations are outside the editorial scope of this template, which is designed for content-first soap making blogs rather than e-commerce storefronts
Lather — Authoritative Artisan Skincare Landing Page Template
Lather — Authoritative Artisan Skincare Landing Page Template
Lather — Authoritative Artisan Skincare Landing Page Template
Lather — Authoritative Artisan Skincare Landing Page Template

Theme

Editorial Magazine

Creative direction

Vision & Mission

Color system

Parchment & Rust

Direction

Quiz/Assessment

Page Sections

Broadsheet Masthead with Woodcut Illustration

Five-question Soap Style Quiz Modal

Hub and Spoke Anchor Navigation

Editorial Two-column Mission Layout

Recipe Archive Card Catalogue Grid

Persistent Conversion Bar and Subscription Prompt

Related questions

Is this template suitable for beginners who are new to soap making blogs?

Can I customize the colors and typography in this template?

Does the quiz modal work as a lead magnet?

How many sections does this landing page template include?

Is this template only for cold-process soap making content?