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 > ThemeCommunity 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 settingsLesson 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.