Staff Resource

Brand Guide

Logo assets, colour palette, and usage guidance for The Independent School of Jakarta.

Navy

SQUARE / SOCIAL

ISJ logo square — Navy

White

HORIZONTAL

ISJ logo horizontal — White

White logo on transparent background. Will appear invisible when opened in Finder or on a white surface — this is correct. Place on navy or dark photography.

SQUARE / SOCIAL

ISJ logo square — White

White logo on transparent background. Will appear invisible when opened in Finder or on a white surface — this is correct. Place on navy or dark photography.

Gold

SQUARE / SOCIAL

ISJ logo square — Gold

Lion Mark

Standalone mark for contexts where the full lockup is too large — favicons, watermarks, embossing, social avatars.

ISJ lion mark — Navy

Navy on cream

Download
ISJ lion mark — Gold

Gold on cream

Download
ISJ lion mark — Gold on navy

Gold on navy

Download
ISJ lion watermark

Watermark

Download

Used for all competitive sport — kit, match programmes, fixture lists, and social posts. Navy and Gold, consistent with the main palette.

ISJ Lions sports badge

Navy

#1B2A4A

Gold

#FFC43D

Download badge

Four houses, each with a dedicated badge and colour palette. Use for certificates, scorecards, newsletters, and event materials.

Lewis house crest
Lewis house card back

Lewis

#14967A
#A8B89C
Potter house crest
Potter house card back

Potter

#EAA01A
#C9A01A
Rowling house crest
Rowling house card back

Rowling

#CE2611
#FFFFFF
Tolkien house crest
Tolkien house card back

Tolkien

#244780
#7695C9
#1B2A4A

Navy

#2A3D66

Navy Light

#FFC43D

Gold

#D4A84A

Gold Muted

#F7F5F0

Cream

#2C2B29

Charcoal

HEADINGS

The quick brown fox

jumps over the lazy dog

Cormorant Garamond — Light 300

All headings and display text.

BODY

The quick brown fox

jumps over the lazy dog

DM Sans — Regular 400

Body copy, labels, and UI elements.

  • The navy logo is the default on light backgrounds (cream, white) — it is what the ads and documents use.
  • Use the white logo on dark backgrounds (navy, photography) — the standard treatment in ad creative. The file has a transparent background, so it will appear invisible on white.
  • The gold lion mark paired with navy text is the everyday accent — this is the site masthead. Reserve the full gold lockup for special applications: embossing, awards, event materials.
  • Maintain clear space around the logo equal to the height of the crown element.
  • Never stretch, rotate, recolour, or add effects to any logo.
  • For web use, 400px and 800px exports are sufficient. Use 1600px for print and large-format.