Hobby & Passion Content Certified Blog Website Template

Quick summary

Confection is a single-page, hub and spoke landing page template for heritage confectionery blogs and communities. It opens with a publication masthead, scrolls through three conviction-led spoke sections, and closes with an interactive quiz that identifies a visitor's candy making style and delivers a personalized recipe starter kit by email.

Who this template is for

This template is built for people who treat candy making as a craft worth documenting and sharing. It suits anyone running a content-led community around artisan confectionery techniques.

• Home candy makers and hobbyist chocolatiers who want a community hub for deep technique content
• Recipe preservationists and heritage food writers documenting handwritten confectionery methods
• Passion-project bloggers building an email list around a specific culinary craft

What problem this template solves

Most food blog templates are built for recipe indexes, not philosophy-driven communities. They push content into grids and cards without giving a craft-first message room to breathe. This template solves that mismatch directly.

• Visitors land on a generic blog layout and never understand the community's depth or point of view
• A disconnected call-to-action means readers browse and leave without converting into subscribers
• Standard templates offer no interactive layer to personalize the experience and earn an email address

What you get with this template

You get a complete, single-page hub and spoke layout that works as both a manifesto and a membership funnel. Every section serves a specific role in moving a reader from curious visitor to committed community member.

• A full publication masthead with a rotating dateline, subtitle, and three column teasers below the fold
• Three philosophy-driven spoke sections covering technique, heritage recipes, and craft philosophy
• A fully interactive five-question quiz with illustrated answer cards and a personalized email kit result

Feature list

Publication Masthead Header

The header is styled as a 1920s broadsheet masthead. "CONFECTION" is set in a Fraunces serif typeface. A hand-drawn candy thermometer illustration acts as the vertical rule. A rotating dateline and subtitle sit alongside three column teasers previewing the community's latest content.

Persistent Anchor Navigation

A sticky anchor navigation bar links directly to each spoke section and to the quiz. Active states are highlighted in lacquer red (#A52A2A), making it easy to track position while reading. The quiz call-to-action lives persistently in this bar.

Three Conviction-Led Spoke Sections

Each spoke opens with a single bold sentence of belief before expanding into community depth. The three spokes cover temperature as technique foundation, heritage recipe restoration, and craft over industrial convenience. The scroll builds from quiet principle to full-throated invitation.

Five-Question Maker Archetype Quiz

The quiz opens with one visible question and uses illustrated, recipe-card-style answer tiles. Five questions reveal one of four maker archetypes: The Thermometer, The Intuitive, The Archivist, or The Experimenter. Results unlock a personalized recipe starter kit delivered by email.

Scroll Reveal and Card Flip Animations

Spoke sections enter with staggered scroll reveal animations. Quiz answer cards use a flip interaction that mimics turning a recipe card over. These animations reinforce the heritage print aesthetic without distracting from the content.

Minimal Single-Row Footer

The footer follows a clean, single-row layout showing copyright text and essential links only. It keeps the page's unhurried, deliberate tone intact and avoids cluttering the post-quiz experience.

Page sections overview

Design & branding system

The visual identity follows a Heritage and Story theme expressed through a Japanese Zen color palette. Every design decision feels deliberate, like a tea ceremony held in a confectioner's workshop.

• Washi paper cream (#F5F0E8) dominates the background like unbleached parchment; stone garden gray (#4A4A48) carries body text with the weight of woodblock type
• Matcha shadow (#6B7F5E) anchors section dividers and category labels; lacquer red (#A52A2A) appears only on active navigation states and quiz interactions
• Typography pairs Fraunces serif for mastheads and display headings with DM Sans for body copy, creating a readable contrast between print authority and modern clarity

Mobile & speed optimization

The template is desktop-first by design, matching how readers engage with long-form recipe and technique content. Full mobile support is included so the experience remains clean on any screen size.

• Static spoke sections use server components, keeping them lightweight and fast to render
• The interactive quiz runs as a client component, isolating its interactivity from the static layout
• Scroll reveal and stagger entrance animations are scoped to medium intensity, keeping motion purposeful and the page responsive

How this template helps you convert

The entire page is structured as a conversion funnel disguised as a reading experience. Every section earns trust before asking for anything in return.

1. The publication masthead establishes instant credibility and sets a specific editorial identity that self-selects the right audience from the first second
2. The three manifesto spokes build philosophical alignment, so readers feel understood before they ever reach the quiz
3. The maker archetype quiz converts curiosity into an email subscription by delivering a personalized recipe starter kit as the result, removing all friction from the sign-up moment

Other information about this template

This template is part of a broader collection of hub and spoke landing page designs built for passion-content creators and artisan community builders. A few practical notes for buyers:

• The template style is Hub and Spoke with Anchor Navigation, designed for a single long-form page with internal section links
• Creative direction follows a Manifesto format, meaning sections argue for a philosophy rather than list features or products
• The header concept is Newspaper and Publication, suited to editorial brands that lead with authority and point of view
• The quiz direction is built around a Quiz and Assessment model, where the result is a personalized deliverable rather than a generic thank-you message
• The theme is Heritage and Story, making it well suited to any craft food niche that values tradition, technique, and community over speed and convenience

Show more