Custom branding is a powerful way to make your community feel like your own. Heartbeat gives you several flexible places to add branded images, logos, colors, and headers — all with recommended sizes so your content looks clean across devices.

Here’s a breakdown of where and how to add branded content throughout your community:

🖼️ Splash Page & Logo

• Splash Image (Homepage background)
  Appears when members land on your custom domain.
  Recommended Size: 608 × 304px (2:1 ratio)
  → Edit under Settings → Community Theme

• Community Logo
  Appears in the sidebar and top bar.
  Recommended Format: Square logo
  → Edit in Settings → Community Theme

📢 Channel Banner Images

You can add visual banners to individual discussion channels to clarify their purpose and add polish.

• Where to add: Edit the channel → Toggle on “Display banner”

• Recommended Size: 608 × 304px (2:1 ratio)

• Tip: Keep text minimal. Use this space to highlight rules, tone, or examples.

Learn how to add channel banners →

🎓 Course Images

Courses let you display rich branded content on both the course card and inside the course itself.

• Course Cover Image
  Displayed on the course overview card
  Recommended Size: 1056 × 264px (4:1 ratio)
  → Edit under the Course settings

• Lesson Content
  You can also embed branded images inside individual lessons (optional).

📄 Document Headers

Each document collection in Heartbeat can have a banner image for added clarity and brand consistency.

• Recommended Size: 608 × 304px (2:1 ratio)
  → Edit when creating or editing a document group

🗓️ Event Banners

Events also support large, visual header images — great for workshops, webinars, or cohort-style sessions.

• Recommended Size: 1056 × 264px (4:1 ratio)
  → Edit while creating or editing an event
  Tip: Keep these lightweight and on-brand — they show up prominently on mobile and desktop

🎨 Sidebar Themes & Colors

Beyond images, you can fully customize the look and feel of your community:

• Update accent colors

• Customize sidebar sections

• Adjust fonts and layout settings (coming soon)

→ Explore this in Settings → Community Theme

💡 Pro Tips

• All image uploads show recommended dimensions in-app.

• For best results, optimize for desktop (not just mobile).

• Use consistent design language across all banners and sections to build trust and familiarity.

If you have questions about sizing or designing any of your brand visuals, our team’s happy to help.

📩 Reach out at support@heartbeat.chat anytime.