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
| Section | Purpose |
|---|---|
| Hero Manifesto | Opens with a brush-pen animated headline on a dot-grid background to set the analog tone |
| Philosophy Reveal | Scroll-linked word-by-word paragraph that unfolds the creator's core beliefs |
| Spread Showcase | Asymmetric 60/40 grid pairing video thumbnails with written commentary and supply lists |
| Creator Method | Sticky scroll chapters alternating between inspiration and practical instruction |
| Download Call to Action | Torn-notebook email form offering a free starter kit and a playlist link |
| Footer | Linear 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.
- 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
- 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
- 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




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?