All Collections
Design
How to customize your branding
How to customize your branding

Make the look and feel of your marketplace reflect your unique brand. Customize your color scheme, logo, and other brand images.

Sharetribe avatar
Written by Sharetribe
Updated over a week ago

Sharetribe allows you to customize your brand color and images to make your marketplace feel uniquely yours. You can customize your brand color and images in Console at Design > Branding.

There are several different types of brand images. Each type of brand images requires a different size to properly display throughout your marketplace. Unless otherwise stated, images should be in .png, .jpg, or .gif format.


Marketplace color

The marketplace color is used in a variety of user interface elements in your site, including buttons, links, and icons. There are multiple different ways for you to set your marketplace color. If you know its hex value (for example, hex value of black is #000000), you can add that in directly. Alternatively, you can pick a color from the color palette, or use the eyedropper icon to pick a color from your logo or another image.


Marketplace logo

Your marketplace logo is shown on your marketplace top bar and in the footer.

You can choose to display your logo in three different sizes. Depending on the size the recommended uploaded image is different:

  • Small: The display height of the logo is 24 pixels. We recommend using a logo of 48 pixels in height and no more than 640 pixels in width.

  • Medium: The display height of the logo is 36 pixels. We recommend using a logo of 72 pixels in height and no more than 640 pixels in width.

  • Large: The display height of the logo is 48 pixels. We recommend using a logo of 96 pixels in height and no more than 640 pixels in width.

As you might notice, increasing your logo size increases logo height while keeping the logo width the same. Therefore, it is important to upload a logo that suits the size of the logo you wish to display. You might need to create multiple logos of different heights as you experiment with different sizes. We share some tips on how to ensure a good looking logo here.

Logo example

Logo example footer

Favicon

The favicon is shown on the browser's tab. If your logo has a simple icon, you can use this icon as your favicon. It’s also known as the tab icon. For your favicon image, use a square image in dimension 48x48 pixels or bigger.

Favicon

App icon

The app icon is similar to the favicon: it is a square icon representing your site in different browser contexts. For example, the app icon is used when your marketplace is bookmarked to a mobile home screen or when viewing open tabs in Chrome browser.

Make sure that your app icon has a square aspect ratio and dimensions of at least 512x512 pixels for best results.

Background image for login/signup page

The background image for the login/signup page is the image that your users see in the background when logging in. It’s also shown on other pages related to user authentication, including Password Recovery, Password Reset, and Email Verification.

The image should be appealing and give users a glimpse into your marketplace, what they should look forward to. It is a great way to give another good impression to new users. Don't be scared to use a significant image, or even a full color block (saved as an image) if it suits your brand. It should have a 2:1 aspect ratio and a minimum size of 1200x600 pixels. The background image for the login pages can be a maximum of 2400px wide. Here’s an example of how the background image would look in the signup page:

Background image on signup and login screen

Social media image

The social media image is shown on the social media card when someone shares your marketplace in a post on Facebook, X (Twitter), LinkedIn, or another social media service. This image is shown alongside information from the particular page of your marketplace being shared, such as your marketplace slogan if your homepage is shared or the listing description if a listing page is shared.

Social media image

For the best result, your social media image should be around 1200x600 pixels. If you upload a bigger image, then the social media platform may crop it, potentially leaving out certain information or an important image, such as the marketplace name or slogan.

Did this answer your question?