Branding

Jumpstart Pro includes branding assets that are easily replaceable with your own logo.

The Jumpstart Pro placeholder is located in app/assets/images/logo.svg and you can simply replace this file to use your own logo.

We recommend using an SVG logo for crisp rendering at any size. Logos look best at 24px tall.

By default, we'll render the logo.svg in the navbar.

Logo

And mark.svg in the footer:

Mark

Mobile Nav

For responsive mobile navbars, you may want to hide the logo text for more space. Use the class of .text on appropriate elements in your SVG to hide the text portion of your logo.

Favicons

The Jumpstart Pro favicon placeholders are located in public and you can simply replace these files to use your own logos.

  • favicon.ico - 16, 32 and 48px icons for older browsers and tools that request /favicon.ico directly
  • icon.svg - The favicon used by modern browsers
  • apple-touch-icon.png - 180x180 icon for iOS home screens. Use a solid background because iOS fills transparency with black
  • icon-192.png and icon-512.png - Icons for the PWA manifest
  • icon-mask.png - 512x512 maskable icon for Android. Use a solid background and keep the logo inside the center circle, 80% of the width, because Android crops it to a circle or rounded square