Craft & Hobby Blog Pre-Launch Website Template

Quick summary

This is a single-page waitlist template designed for a bullet journaling and planning online course. It uses a masonry gallery layout, a collage-style hero, and a floating "Save My Seat" call to action. The warm Atelier Studio design feels like a personal journal left open on a desk, inviting, honest, and visually distinct from every generic course page.

Who this template is for

This template is built for educators and creators who are launching a bullet journaling or planning course and want to build their waitlist before doors open. If you teach creative systems, analog productivity, or intentional planning, this page fits your offer.

• Course creators and journaling educators collecting early interest before launch day
• Creative coaches targeting overwhelmed planners, new parents, or people with ADHD who need flexible systems
• Anyone selling a course about turning a blank notebook into a working life system

What problem this template solves

Most course waitlist pages feel cold, corporate, and forgettable. A journaling course audience responds to texture, honesty, and visual warmth, not a plain email form on a white background. This template solves the gap between what your students feel and what generic landing pages deliver.

• Visitors leave before signing up because the page does not reflect the creative, personal nature of bullet journaling
• There is no immediate value offered to motivate early sign-ups
• Generic layouts fail to communicate the visual transformation your course promises

What you get with this template

You get a fully structured, single-page waitlist layout that leads visitors from inspiration to email capture without a single hard sell. Every section is pre-built and purposeful.

• A scrapbook collage hero section with a floating sticky-note call to action that follows the scroll
• A masonry gallery wall where each card flips on click to reveal a lesson title and a one-sentence learning outcome
• A waitlist form section with a live join counter, a free printable incentive, and a first-name-plus-email capture styled as a hand-drawn lined-paper field

Feature list

This template includes purpose-built interactive and visual components drawn directly from the source design brief.

Collage Scrapbook Hero

The full-viewport header layers photographs of open journal spreads, torn washi tape strips, ink swatches, and handwritten notes. Soft overhead window light creates faint shadows beneath each element. The course title appears as if hand-lettered on a torn piece of kraft paper pinned at the center.

Masonry Gallery Wall

A Pinterest-style masonry grid showcases student spreads and course module previews as individual cards. Early cards show simple habit trackers and first attempts. Later cards reveal intricate mood boards and full annual planning systems, making the visual progression itself the course promise.

Card Flip Interaction

Each gallery card flips on click using a three-dimensional animation. The front shows a spread or module image. The back reveals the lesson title and a single sentence describing what the visitor will learn from that module.

Floating Sticky Call to Action

A "Save My Seat" button styled in dried rose ink on a kraft-paper-textured background follows the scroll as a persistent sticky element. It stays visible throughout the entire page without interrupting the reading experience.

Waitlist Form with Live Counter

The sign-up section captures a first name and an email address. Fields are styled as hand-drawn inputs on lined paper. A live counter below the form shows how many journalers have already joined the waitlist, adding social proof in real time.

Free Printable Incentive

Visitors who sign up receive access to a free downloadable dot-grid starter spread. This immediate value exchange gives the audience a reason to join before the course opens, reducing hesitation at the form.

Page sections overview

Design & branding system

The visual identity follows an Atelier Studio approach centered on the Ink & Paper color palette. Every color choice and type pairing is chosen to feel tactile and handcrafted without sacrificing legibility.

• Colors: cotton stock (#F5F0EB) for backgrounds, fountain pen black (#1A1A2E) for primary text, pencil graphite (#6B6B7B) for secondary text, and dried rose ink (#C4727F) reserved for interactive elements and key callouts only
• Typography: Fraunces for headlines to provide a hand-drawn-adjacent feel, DM Sans for body text to keep reading clean and comfortable
• Backgrounds alternate between the cotton stock base and a subtle dot-grid texture, mirroring the feel of a real journal page

Mobile & speed optimization

This template was designed mobile-first because journaling audiences primarily browse on their phones. The layout and interactions are structured to perform well on small screens without sacrificing the tactile visual feel.

• The masonry grid and card flip interaction are built to work cleanly on touch devices
• The floating sticky call to action is sized and positioned for thumb-friendly tapping on mobile viewports
• Static sections use server components while animated elements such as GSAP scroll reveals, the card flip, and the live counter are handled client-side

How this template helps you convert

Every design and copy decision in this template is built around one goal: turning a curious visitor into an early sign-up. The page does this through a layered sequence of inspiration, identification, and action.

1. The scrapbook hero and gallery wall inspire visitors immediately, making them feel the course before reading a single word of copy
2. The "This Is For You" identity cards help visitors recognize themselves in the audience, reducing hesitation and building personal connection
3. The free printable incentive and live join counter at the waitlist form remove the final barrier to signing up by offering instant value and visible social proof

Other information about this template

This template is part of the Blog and Editorial category under the Bullet Journaling and Planning Content subcategory. It is purpose-matched for the Bullet Journaling and Planning Online Course niche and carries a high intersection match score of 13 out of a possible range for its category pairing.

• The template uses GSAP for scroll-triggered reveal animations and the three-dimensional card flip effect
• The footer follows a horizontal Vercel Pattern 3 layout
• Testimonial snippet placeholders and student spread photography slots are pre-structured in the gallery and social proof section
• The template is localized for English-language audiences using United States date formats and USD currency references where applicable
• The overall creative direction follows a Gallery Walk concept, where scrolling the page feels like walking through a curated exhibition of lived-in journals

Show more