Staff Resource

Brand Guide

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

LOGO ASSETS

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

HOUSES

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

Lewis house badge

Lewis

#14967A
#A8B89C
Badge
Potter house badge

Potter

#EAA01A
#C9A01A
Badge
Rowling house badge

Rowling

#CE2611
#FFFFFF
Badge
Tolkien house badge

Tolkien

#244780
#7695C9
Badge

COLOUR PALETTE

#1B2A4A

Navy

#2A3D66

Navy Light

#FFC43D

Gold

#D4A84A

Gold Muted

#F7F5F0

Cream

#2C2B29

Charcoal

TYPOGRAPHY

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.

LIONS — SPORTS IDENTITY

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

USAGE NOTES

  • Use the navy logo on light backgrounds (cream, white).
  • Use the white logo on dark backgrounds (navy, photography). The file has a transparent background — it will appear invisible on white.
  • Use the gold logo sparingly — accent and special applications only.
  • 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.