Skip to main content

Images

Main Social Image#

Please provide a image URL link. This image is used as the default open graph image that appears when you share links to your community on external sites.

{% hint style="info" %} You can quickly generate a URL image link by visiting /new and uploading a photo. {% endhint %}

Favicon URL#

The Favicon is a small, iconic image that represents your website. Favicons are most often found in the address bar of new browser tabs. Please upload a square image URL to save your favicon image.

{% hint style="info" %} You can quickly generate a URL image link by visiting /new and uploading a photo. {% endhint %}

Logo PNG#

Square image used to represent the website by crawlers (i.e. larger alternative to favicon in some places) and in the Forem ecosystem, and anywhere where the site's logo should be represented by a square PNG. It represents the primary logo everywhere except the nav area, because nav expects more custom dimensions.

Logo SVG#

This is the logo that appears on the nav bar and footer of the site. Please upload in SVG format, with a max height of 50px.

Logo SVG on navbar

Logo SVG on footer

Secondary Logo URL#

An optional secondary logo meant to complement the primary logo used to display on the page in addition to the nav bar logo (logo SVG). It is sometimes presented "tilted".

The secondary logo is used in the following locations:

  • Signup modal
  • Onboarding slides
  • Onboarding "task card"
  • Sidebar additional (if user not signed in)
  • Nav menu (if user not signed in)
  • Sign in invitation

Left Navbar SVG Icon#

This is the icon that shows up in mobile navigation to open up the left sidebar. Please upload as an SVG, no greater than 24 x 24 px.

Left Navbar SVG Icon

Right Navbar SVG Icon#

This is the icon that shows up in mobile navigation to open up the right sidebar. Please upload as an SVG, no greater than 24 x 24 px.

Right Navbar SVG Icon