Skip to main content
xiaoyu-shen
Helper ⭐️⭐️
April 12, 2019
Product Design

Visual Guide v2.0

  • April 12, 2019
  • 23 replies
  • 3889 views

Our Visual Guide v2.0 is here!

The use of nice visuals and images is an important part of creating an attractive community.

To help you to choose or create suitable images for your community, we have updated our visual guidelines for you. Below you can find explanations of the most prominent images and their dimensions used in our platform.

Tip: Click on the images to see the enlarged version.
 

Homepage Hero Image

Example: https://community.insided.com/

 

Parent Category Hero Image

Example: https://community.insided.com/platform-36

2a499c9e-91b3-4fc0-8459-46ec65ed26f4.jpg

 

Category Thumbnail (Homepage)

Example: https://community.insided.com/

b052e921-436f-43be-9828-7951a2a78648.jpg

 

Quick Links (Homepage)

Example: https://community.insided.com/

 

Knowledge base (Homepage)

Example: https://community.insided.com/

 

Featured Topics (activated optionally on top of Category- or Homepage)

Example: https://community.insided.com/news-platform-updates-16

88c2b27e-9686-4b44-933d-34c73295793b.jpg

 

 

 

Badge

Example: https://community.insided.com/
Recommended size (Retina-ready): 90*90 px

 

 

 

User profile picture

Recommended size (Retina-ready): 90*90 px

 

 

 

 

Rank Icon

Always shown above user avatar
Recommended size (Retina-ready): 36*36px

 

 

 

 

Username Icon

Shown next to username.
Example: Profile page
Recommended size (Retina-ready): 24px*24px

-----
Article image visual guide is updated on 26 Jun, 2019

 

 

 

 

Article featured image

 

 

 

Where and how would article images be displayed on your platform?

Topic page

Example: https://community.insided.com/getting-started-customers-only-33/visual-guide-v2-0-1462

dabb423e-cb54-4268-8429-1d2d5b4ece36.jpg

 

 

 

Topic list on homepage/search results/category page/etc.

Example: https://community.insided.com/news-platform-updates-16

 

 

 

Curated content list on category page

Example: https://community.insided.com/news-platform-updates-16

f4d1cdf3-7776-486a-8ed3-d24b635b2d04.jpg

 

 

 

Topic list

ee3dd755-e2b4-401c-ab4a-3e9f80b0399b.jpg

 

Logo in header

Where to upload? → Control> Customization > Header

 

Missing anything?


Please leave a comment below.😊

 

 

23 replies

arminfpop
Gainsight Employee ⭐️⭐️
April 23, 2024

Hi, @cstrange! Thanks for the question.

 

The main place where you would use the Logo is in the Mega Menu, which we recommend using an 80x400 asset. For the logo you configure in your Customization settings in Control, you would use a 160x80 asset. 

 

Please note that in my experience, most folks hide the header, since it just includes a logo and a ‘back to the homepage’ redirect. If you are not going to hide it, I most often see a custom header used.

 

I hope that helps! 🙂

History & Coffee - preferably at the same time.
Daniele Cmty
Helper ⭐️⭐️
March 31, 2025

Hello ​@Kenneth R
could you or someone from your team confirm if this Article & its information is still fully up-to-date? Thank you in advance 😊

Kenneth R
Expert ⭐️⭐️
March 31, 2025

Hey ​@Daniele Cmty - I’m trying to confirm 100% but yes, I believe that the information here is still accurate.