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
| Section | Purpose |
|---|---|
| Newspaper Masthead Hero | Sets editorial tone, displays woodcut illustration |
| Anchor Navigation Tabs | Links to all five editorial departments |
| Editor's Letter | States blog mission in two-column magazine layout |
| Recipe Archive Grid | Showcases soap recipes as a card catalogue |
| Ingredient Glossary | Presents botanical ingredient reference cards |
| Technique Library | Organizes soap making methods by difficulty |
| Troubleshooting Column | Answers common soap making problems in advice-column format |
| Persistent call to action Bar | Keeps quiz call to action visible during scroll |
| Email Subscription Modal | Captures 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.
- 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.
- 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




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?