Hearth - Vibrant Artists Landing Page Template

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

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

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.

1. 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
2. Each zigzag section deepens familiarity with a specific community space, making the community feel real, specific, and worth caring about
3. 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

Show more