Site Branding Guidelines

Firstly, why is it important to brand your site and which parts are customizable? 

 

Now let's hop into the spec-ifics (see what we did there?) so you can get your visuals looking just right.



Specs for Custom backgrounds

Backgrounds.pngBoard creators and admins can select a background image for a particular board:

  • Background Image: For an uploaded background image 2100 px (w) x 1500 px (l) or larger is optimal sizing, but images of at least 1500 px x 1500 px are required to avoid image blur, and ideally less than 3 MB in size. We typically suggest a landscape orientation with key elements
    located at the center, so they show up well during board delivery regardless of a particular device’s aspect ratio.
  • Accent Color: The accent color is used on the header bar (optional) and on various other
    elements associated with a particular board. You will need the hex code for the color.

Specs for Branded Media

Media.png

Users can select from a catalog of your branded media when adding a post. Specs we suggest:

  • Images: For custom images 2100 px (w) x 1500 px (l) or larger is optimal sizing, but images of at least 1500 px x 1500 px are required to avoid image blur. 
  • GIFs: Custom GIFs should last <5 seconds and ideally less than 3MB in size.

Specs for Login Screen background

Loginscreen.png

 

This is the background that will sit behind the login panel. Specs we suggest:

  • Custom images are recommended to be 2100 px (w) x 1500 px (l) or larger for optimal sizing, but images of at least 1500 px x 1500 px are required to avoid image blur. Ideally, they should be less than 3 MB. 

Specs for Logos

Logo.png

Your logo can be added to the header of the screen and on the footer of several screens as well. Specs we suggest:

  • Logo should be long/horizontal orientation (as opposed to square) with a transparent or white
    background
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request