Craft & Hobby Blog Complete Blog Website Template

Spread is a warm, editorial landing page template built for bullet journaling and planning YouTube channels. It uses an asymmetric 60/40 grid to pair video content with written commentary, guiding visitors from first impression to email sign-up. The design feels like a fresh notebook: parchment cream backgrounds, ink-black headlines, and coral accents used like washi tape.

by Rocket studio

Quick summary

Spread is a single-page landing page template for bullet journaling and planning content creators. It combines a scroll-driven asymmetric layout with a warm analog aesthetic to move visitors naturally from inspiration to action. The primary goal is earning an email address by showcasing real spreads and offering a free downloadable starter kit.

Who this template is for

This template is built for creators who live at the intersection of analog planning and digital content. If your audience discovers you through a YouTube video or a Pinterest mood board, this page gives them a reason to stay.

  • Bullet journaling YouTubers building an email list alongside their channel
  • Planning content creators offering free printables or beginner resources
  • Neurodivergent-friendly planning educators who want a page that reflects a thoughtful, unhurried creative practice

What problem this template solves

Most content creator pages feel like a social media profile squeezed into a browser tab. They lack narrative flow, they bury the value, and they ask for an email before they've earned it. Spread solves that by letting the content do the convincing first.

  • Visitors see spreads in action before they encounter any form or call to action
  • The scroll structure builds trust chapter by chapter, mirroring the act of flipping through a journal
  • The free downloadable offer feels earned, not extracted

What you get with this template

You get a fully structured, single-page layout with five distinct content sections, each with a defined purpose. The design system is ready to use and the layout is asymmetric by design, giving video content the visual weight it deserves.

  • A brush-pen animated hero with a dot-grid background and a manifesto headline
  • A 60/40 asymmetric spread showcase pairing embedded video thumbnails with written commentary
  • A torn-notebook-styled email capture section with fields for first name and email, plus a secondary link to a curated beginner playlist

Feature list

This template is built around five core capabilities drawn directly from its design brief.

Brush-Pen Typewriter Hero Animation

The opening headline arrives letter by letter, simulating a brush pen writing in real time. The effect lands on a faintly ruled dot-grid background with a subtle paper texture, setting the analog tone immediately without requiring any image assets from you.

Asymmetric 60/40 Content Grid

The spread showcase uses a deliberate 60/40 split. The wider column carries embedded video thumbnails and flip-through spread clips. The narrower column holds commentary, supply notes, and creator philosophy. The rhythm alternates between watching and reading, keeping visitors engaged longer.

Scroll-Linked Philosophy Reveal

A word-by-word scroll-triggered paragraph lets your creative philosophy appear as the visitor reads down the page. Each word arrives as the reader scrolls, turning passive browsing into an active, meditative experience that mirrors the journaling practice itself.

Sticky Scroll Creator Method Chapters

Four scroll-locked chapters walk through the creator's method: why analog, how to start, what to track, and when to let go of perfection. Each chapter alternates between inspiration and instruction, building the visitor's confidence in the system before asking anything of them.

Torn-Notebook Email Capture Section

The call-to-action container is styled to look like a torn notebook page. It holds a first-name field and an email field, with the primary call to action being a free downloadable starter spread kit. A secondary path below links to the latest YouTube video and a curated beginner playlist.

Mobile-First Responsive Layout

The template is designed with a mobile-first priority, reflecting the Instagram and Pinterest browsing habits of the journaling audience. All sections reflow cleanly for smaller screens without losing the warm, editorial feel of the desktop experience.

Page sections overview

SectionPurpose
Hero ManifestoOpens with a brush-pen animated headline on a dot-grid background to set the analog tone
Philosophy RevealScroll-linked word-by-word paragraph that unfolds the creator's core beliefs
Spread ShowcaseAsymmetric 60/40 grid pairing video thumbnails with written commentary and supply lists
Creator MethodSticky scroll chapters alternating between inspiration and practical instruction
Download Call to ActionTorn-notebook email form offering a free starter kit and a playlist link
FooterLinear single-row footer with minimal navigation

Design & branding system

The visual identity follows a Warm Artisan direction built around an Ink and Paper color palette. Every choice references the physical act of journaling: the weight of paper, the drag of a nib, the warmth of a desk lamp.

  • Colors: aged parchment cream (#F5F0E8) dominates backgrounds, archival black (#1A1A1A) anchors headlines, pencil graphite (#6B6B6B) carries body text, and dried washi tape coral (#D4856B) appears on buttons, dividers, and hover states
  • Typography: Cormorant Garamond handles all display and headline text for its editorial, hand-lettered feel; DM Sans carries body copy with quiet readability
  • Texture and detail: a faint dot-grid pattern and subtle paper texture run through the hero; a single micron pen illustration rests at the bottom of the opening frame

Mobile & speed optimization

The journaling audience is heavily mobile, arriving from Instagram Reels, Pinterest saves, and YouTube shorts. The template is structured with mobile-first layout logic so no section feels like a desktop design that has been squeezed smaller.

  • All five content sections reflow cleanly at mobile breakpoints, preserving the warm editorial feel
  • Static sections use server components while animations and scroll observers are handled as client components, keeping the page load light for interactive-heavy pages
  • Form fields for the email capture are sized and spaced for comfortable thumb use on smaller screens

How this template helps you convert

The page is structured so that conversion feels like a natural conclusion rather than an interruption. Visitors are shown value before they are ever asked for anything.

  1. The scroll sequence builds trust progressively: hero, philosophy, spreads in action, and creator method all come before the email form, so the visitor already believes in the system when they reach it
  2. The free downloadable starter spread kit is a low-friction, high-value offer that removes the main hesitation for new visitors who are curious but not yet committed
  3. The secondary path to a YouTube video and beginner playlist gives visitors who are not ready to sign up a reason to stay engaged with the creator's content ecosystem

Other information about this template

This template sits in the Blog and Editorial category, specifically designed for the bullet journaling and planning content niche. It is a strong fit for creators who want a page that feels as considered as their actual spreads.

  • The page is built for English-language audiences with a US and UK market focus
  • Social proof elements include real spread thumbnails, handwriting samples, and viewer count metrics, all positioned to reinforce trust before the call to action
  • The template style is an asymmetric grid, which differentiates it from standard centered-column creator pages and gives visual content the prominence it deserves
  • The header concept is a Quote and Manifesto format, which works especially well for creators whose brand is built around a clear point of view rather than a personal logo or face
Craft & Hobby Blog Complete Blog Website Template
Craft & Hobby Blog Complete Blog Website Template
Craft & Hobby Blog Complete Blog Website Template
Craft & Hobby Blog Complete Blog Website Template

Theme

Warm Artisan

Creative direction

Creator Spotlight

Color system

Ink & Paper

Style

Asymmetric Grid (60/40)

Direction

Content/Resource

Page Sections

Brush-pen Typewriter Hero Animation

Asymmetric 60/40 Spread Showcase

Scroll-linked Philosophy Reveal

Sticky Scroll Creator Method

Torn-notebook Email Capture Form

Mobile-first Responsive Structure

Related questions

Can I use this template if I am just starting my YouTube channel?

Do I need design experience to customize this template?

What is the starter spread kit referenced in the call-to-action section?

Is this template only for YouTube creators?

What animations are included in this template?