Skip to main content

Images Dimensions

Dimensions of the community and object images

Written by with Support

The Image Dimensions are:

Community Hub Cover Photo (Desktop/Mobile) - 5120x1600 px

Objects Cover Desktop- 3000x948 px

Object Thumbnail, Primary (Events)- 1500x880 px

Object Thumbnail, Secondary (Resources)- 1000x715 px

Hub Logo - 1000x500 px
Avatar Image (profile picture) - 500x500 px


Details:

Hub Logo

Where it appears: Top-left corner of your Community Hub

Purpose: Sets the tone and builds immediate recognition

Recommended format: Landscape logo, White or transparent background, High-resolution PNG or SVG, Keep details bold & simple—small logos scale down

Benefits: Clean + professional presentation, Strong brand recall,

Works across all screens + themes

Avatar Image

Where it appears: Inside a circular frame at the bottom area of every event card

Recommended format: A symbol-only or icon version of your logo, Designed to fit a perfect circular crop, Avoid long text, horizontal logos, or fine details, Use bold, high-contrast shapes for best visibility

Why it matters: Strengthens brand presence on every event card, Works cleanly at small sizes, Makes your hub’s events instantly recognizable in lists & grids, Helps users quickly scan and understand who the stakeholder is, Essential when a hub has multiple contributors.

Community Hub Cover Photo

Where it appears: The large banner photo at the top of your community hub

Best practices: Choose a strong, atmospheric image that reflects your

community vibe, Avoid heavy text...this photo is your “hero” moment, Place the key subject in the center, Bright, engaging photography performs best

Benefits: Immediate emotional connection, Sets the tone for your entire hub,

Mobile-friendly cropping

Object Thumbnails

Where they appear: Object thumbnails appear inside the event card throughout

your Community Hub’s grid view. Their appearance

changes based on the grid layout your organization selects.

Primary objects: Show more details such as time, date, location and price, The thumbnail photo works as a supporting visual to help users understand the content quickly

Secondary objects: Show fewer details, Are more photo-first, relying heavily on the clarity and strength of the image, Ideal for quick scanning and visual grouping

Object Cover Photo

Where it appears: Large photo at the top of each event page

What to know: Keep important elements centered, Avoid text on the edges

Best content: Colorful images, People (high engagement), Clean compositions, Branded backgrounds if relevant

Benefits: Looks great across devices, Sets expectations for the event or object, Ideal for sharing and social previews
​Download the full Playbook for quick access:

Did this answer your question?