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.