Hearth is a warm, handmade landing page template built for a free artists and illustrators Discord community. It uses a zigzag section layout to walk visitors through the community like a neighborhood tour, pairs a dual call-to-action hero with a transparent donation tier selector, and earns trust through social proof, channel screenshots, and a founder's handwritten-style note.
by Rocket studio
Loading preview…
Quick summary
Hearth is a single-page landing page template designed for a free Discord community serving illustrators, painters, and digital artists. The layout uses alternating zigzag sections to introduce each part of the community like rooms in a warm studio. A living mosaic hero, donation tier selector, and founder note work together to turn curious visitors into members and supporters.
Who this template is for
This template is built for community organizers and creative volunteers who run or want to launch a free art community online. It fits anyone who needs a landing page that feels personal, grassroots, and welcoming rather than corporate.
Community founders running a free Discord server for artists, illustrators, or hobbyist creators
Art students or freelance illustrators who want to build an accountability-focused creative space
Nonprofit or volunteer-run creative groups that need a donation-supported membership page
What problem this template solves
Most community landing pages feel cold and transactional. They list features but never make a visitor feel the warmth of the space. Artists in particular respond to visual authenticity and emotional resonance, not bullet-pointed benefit lists.
Visitors leave without joining because the page never shows the real community inside
Donation asks arrive too early, before trust is built, and feel uncomfortable
Generic layouts fail to reflect the handmade, human character of a creative community
What you get with this template
You get a fully structured single-page layout that takes visitors on a guided tour of your community before ever asking for anything. Every section is designed to build familiarity and trust in sequence.
A hero section with a hand-lettered hashtag, drifting artwork mosaic, member count social proof, and dual call-to-action buttons
Four zigzag content sections introducing specific community channels and events with alternating image-and-text composition
A donation support section with a three-tier selector, heart toggle for one-time gifts, and a founder's transparent cost note
Theme
Community Hearth
Creative direction
Local & Neighborhood
Color system
Cloud Canvas
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Living Artwork Mosaic Hero
Zigzag Channel Tour Layout
Donation Tier Selector
Founder Transparency Note
Dual Call-to-action Structure
Stagger Reveal Animations
Related questions
Can visitors join the Discord community for free without donating?
How does the donation tier selector work on this landing page?
Can I edit the copy, colors, and community name to fit my own group?
What does the founder's note section include?
Is this template only suitable for Discord art communities?
Feature list
This template includes several purpose-built components that reflect the community's warm, handmade identity.
Living Artwork Mosaic Hero
The hero opens with a drifting mosaic of member artwork thumbnails surrounding a hand-lettered "#DrawTogether" headline. A member count line and two call-to-action buttons sit below, giving visitors an immediate sense of the community's scale and character.
Zigzag Channel Tour Layout
Four alternating left-right sections each introduce a different "room" in the community. Each block pairs a channel screenshot or visual with a short narrative description, creating a guided neighborhood-walk feeling as visitors scroll down.
Donation Tier Selector
A three-tier monthly giving selector lets supporters choose between a coffee-level, server-cost-level, or patron-level contribution. A heart-shaped toggle switches between recurring and one-time gift modes without leaving the page.
Founder's Handwritten Note
A closing section presents a personal, handwritten-style note from the community founder. It lists exactly what donations cover, including bot hosting and annual art zine printing, with a transparent cost breakdown that earns goodwill before asking for support.
Stagger Reveal Animations
Sections animate in with staggered reveals and scroll-linked opacity changes as the visitor moves down the page. The drifting mosaic in the hero adds a sense of life without overwhelming the content.
Dual Call-to-Action Structure
The hero contains both a free join link and a support link. This ensures no visitor feels paywalled while still surfacing the donation path early for those already ready to contribute.
Page sections overview
Section
Purpose
Hero Mosaic Header
Introduce community and display dual call-to-action
Daily Sketch Channel
Show member artwork sharing in #daily-sketch
Critique Corner Channel
Demonstrate honest feedback culture in #critique-corner
Live Draw Night
Describe the weekly Thursday prompt event
Donation Support Section
Present tier selector and founder transparency note
Footer Row
Provide navigation and secondary links
Design & branding system
The visual identity follows a Community Hearth theme using a Cloud Canvas color palette. Every color choice is deliberate, evoking a well-used sketchbook and a studio full of tea mugs rather than a polished tech product.
Soft warm white (#F5F0EB) as the primary background, terracotta (#C47B5A) for accent buttons and highlights, sky wash (#D6E4F0) for alternating section backgrounds, and pencil graphite (#4A4A4A) for body text
Fraunces serif display type for headlines giving an editorial, hand-pressed feel, paired with DM Sans for body copy to keep reading comfortable at all sizes
Warm editorial, sketchbook-inspired visual style throughout with a handmade, unprecious aesthetic that reflects the community's grassroots personality
Mobile & speed optimization
The template is built with equal priority for both mobile and desktop viewing, since artists browse and discover communities on both. Interactive components like the donation selector are client-side only, keeping static content lean.
Zigzag sections reflow to a single-column stacked layout on smaller screens without losing the narrative sequence
Static content uses server components for faster initial loads, with client rendering limited to the donation tier selector and heart toggle
Drifting mosaic and stagger animations are designed at a medium intensity level, keeping the page lively without causing performance issues on standard devices
How this template helps you convert
The page is structured to move visitors through an emotional journey before presenting any ask. Trust is built in stages, so by the time the donation section appears, visitors already feel at home.
The hero leads with social proof and a free join path first, removing any sense of a paywall and lowering the barrier to entry immediately
Each zigzag section deepens familiarity with a specific community space, making the community feel real, specific, and worth caring about
The donation section arrives only after the neighborhood tour, paired with a transparent founder note that shows exactly where contributions go, making support feel meaningful rather than obligatory
Other information about this template
This template is part of a broader set of community and nonprofit landing page designs built around warm, human-centered creative niches. It suits any group that relies on voluntary contributions and word-of-mouth to grow.
The footer follows a Pattern 1 linear single-row layout, keeping the closing section clean and uncluttered
Localization is set for English language, United States Dollar (USD) currency display, and US date format for event references like the Thursday live-draw night
The template works well for any free online creative group, not just Discord servers, since the section structure and donation flow are adaptable to similar community formats
