Brand Resources

Using the JS Institute Logo

Below you’ll find downloadable versions of the logo:

Full-Color Dark Logo

Full-Color Light Logo

Monochrome Logos

Clear Space Requirements

Keep The JS Institute Logo separate from any other visual elements to ensure visibility. The minimum space around The JS Institute Logo should be at least as large as the size of the letter 'S' in the icon.

Logo Dimensions

The JS Institute Logo has been tailored for certain dimensions. Whether displayed on a smartphone or a large screen, clarity and readability are crucial.

Minimum height for digital usage is 20 dp (20 px), and for print it's 0.125 inches (3.1 mm).

Unacceptable Practices

The JS Institute Logo is a recognized symbol and should not be modified. Do not incorporate The JS Institute Logo into sentences or phrases.

Don't use the logo in a phrase or sentence.

Full-Color Logo Details

The full-color logos pair our JS Institute icon with Mine Shaft (#333333) or White (#FFFFFF) main text. The additional, bottom text (OpenEDG | Open Education and Development Group) should always be Denim (#1373E1). The JS letters in the blue icon must always be White.

The Mine Shaft full-color logo can be shown on a White background or light imagery.

The White full-color logo can be shown on an Mine Shaft background or dark imagery.

Monochrome Option

If the full-color logo isn't suitable for a certain background, a monochrome option is available. In this case, the icon color matches the wordmark color (Mine Shaft or White), and the 'JS' in the icon will let the background show through.

JS Institute Icon Guidelines

Our Icon

The JS Institute Logo Icon is a flexible mark that can act as a call to action or a shorter version of the JS Institute Logo. If you don't have room to use the logo at minimum size with the required clear space, you should use the JS Institute Icon instead.

Clear Space

Clear space buffers the logo icon from images, text, or other graphics that compromise its impact and visibility. The more breathing room you give our logo icon, the greater the impact it can have.

The clear space around the logo icon must be equal to or greater than the size of the inside of the letter P within the icon.

Sizing

We’ve optimized our logo icon for specific sizes. The JS Institute Logo Icon must be crystal clear and legible, whether it appears on a smartphone or the jumbo screen in an arena.

The minimum height for digital media is 20 dp (20 px). The minimum height for print is 0.125 in (3.1 mm).

Don't do this

The JS Institute Logo Icon should never be altered in any way.

Don't use colors other than Sunglow (#0665D4), Mine Shaft (#333333) or White (#FFFFFF).

Using the icon in social media

The JS Institute Icon can only be used in social media assets when it links to a JS Institute associated content.

Important: The only time a Logo or Icon can be made a link is when the destination URL is a JS Institute website.

JS Institute Brand Colors

Sunglow

#fdb934

hsl(39 98% 62%)

rgb(253 185 52)

Mine Shaft

#333333

hsl(0 0% 20%)

rgb(51 51 51)

White

#FFFFFF

hsl(0 0% 100%)

rgb(255 255 255)

Note: Any usage of JS Institute brand elements needs special approval and must be submitted in English through the email: services@openedg.org.

JS Institute reserves the right to object to any inappropriate uses of its trademarks and to enforce its rights at any time.

Partners and advertisers

You want to promote your organization or content, and we want to help. You’re welcome to use the JS Institute name, Logo and Icon as long as you adhere to the Logo and Icon usage guidelines, as well as those found below.

Do

Get every use of any JS Institute brand element approved by JS Institute
Follow all guidelines for the JS Institute brand
Avoid repetitive use of the JS Institute Logo in your website art
Ensure Logos in use are up to date
Use the JS Institute Icon within a social Icon lineup
Use the standard Logo to promote your website or content when linking or driving traffic to your website

Don't

Use Logos or brand elements to drive to sites outside of JS Institute websites
Modify Logos, Icons, or other brand elements in any way, including but not limited to altering proportions, positions, stretching, condensing, changing color or typefaces, flipping or rotating, or adding effects
Place the full-color Logo on blue tones (due to lack of visibility)
Partially cover the Logo or Icon
Place an image within the Logo or Icon

Here are some good and bad examples of using JS Institute branding:

When using JS Institute inline with other social media icons, it’s best to use the JS Institute Icon rather than the JS Institute Logo.

Do use the Icon in a list of social media icons.

Don't use the Logo in a list of social media icons.

Correct JS Institute Logo & Icon

Please double check to make sure you're using the correct, updated JS Institute Logo and not an unofficial or old Logo. The latest Logos can be downloaded below:

Full-Color Dark Logo Full-Color Light Logo Monochrome Logos

The standard Logo should not be placed on a yellow tones background due to a lack of visibility. The mine-shaft monochrome Logo works best on yellow tones.

Don't

Brand use approval

If you’re in the entertainment and media industry, all product placements that show any JS Institute Logos, Icons, or elements of the UI (e.g. buttons, pages, mobile screenshots, etc.) in any media (e.g. TV, music videos, movies, books, etc.) must be approved by JS Institute. Please adhere to the Logo usage guidelines, then submit your request in English through the email: services@openedg.org.

Important: If you’re part of the press, you don’t need to submit a request for review through the email. Please read Using the JS Institute Logo. After that, you’re welcome to download the JS Institute Logo or Icon for use.

Before submitting your product placements request, please ensure the following

The product placement reflects JS Institute in a positive or neutral way.
Any video content developed specifically for the product placement does not violate JS Institute's Community Guidelines and would not violate JS Institute’s Terms of Use.
You can provide ample context for the placement to submit with your request. You should submit one PDF file including mocks of the JS Institute Logo and/or JS Institute interface in context, as well as relevant script pages, an overview of the production, the production company name, the production name, and any other details such as actor(s), director, etc., which will help us understand how JS Institute will be represented in the production.

Note: JS Institute retains the right to reject unauthorized or inappropriate use at its discretion.