Merkgids
Richtlijnen voor het handhaven van een consistent, zelfverzekerd en verfijnd merk in alle materialen — van presentaties tot de website.
01 Onze merkidentiteit Filosofie en principes
Deze gids is bedoeld voor iedereen bij ISJ. Hij bevat duidelijke richtlijnen voor het gebruik van ons logo, onze kleuren, typografie en boodschappen om een consistent en professioneel merk te behouden in al onze materialen. Of u nu een presentatie, een nieuwsbrief, een poster voor een schoolevenement of content voor sociale media maakt, deze gids zorgt ervoor dat alles wat we produceren de identiteit van ISJ op een duidelijke en uniforme manier weerspiegelt.
Ons merk weerspiegelt wie we zijn. Consistent gebruik versterkt ons merk.
Ontwerpfilosofie
De visuele identiteit van ISJ is gebaseerd op de traditie van ingetogen luxe: warm, zelfverzekerd en terughoudend. Onze materialen moeten aanvoelen als een goed verlichte leeszaal, niet als een brochure. We stralen rustige autoriteit uit door middel van royale spaties, warme tinten, doordachte typografie en de afwezigheid van visuele ruis.
Kernprincipes
Warmte boven kilheid. Geen koele grijstinten, geen steriele wittinten. Alle neutrale kleuren zijn warm: crème, steen, zand. Ons kleurenpalet creëert een uitnodigende, toegankelijke sfeer die de schoolgemeenschap weerspiegelt.
Beperking in decoratie. Elk element verdient zijn plaats. We voegen geen ornamenten toe omwille van het ornament zelf. Strakke lay-outs, doelgerichte witruimte en rustig zelfvertrouwen zijn krachtiger dan visuele rommel.
Vertrouwen boven overtuigingskracht. ISJ hoeft niet te schreeuwen. Onze kwaliteit spreekt voor zich door de manier waarop we ons presenteren: afgewogen, doordacht en zelfverzekerd.
Authenticiteit boven stockfoto's. ISJ-materiaal wordt visueel aantrekkelijker door foto's van het schoolleven en kunstwerken van leerlingen, waardoor een authentieke en boeiende presentatie in alle media wordt behouden.
02 Stem & Toon Hoe we klinken
Als ons merk een persoon zou zijn, zou het zo klinken. Onze stem is authentiek, doordacht en zelfverzekerd. We mogen niet pretentieus klinken. We willen duidelijk en eenvoudig communiceren en de wereld bekijken door de ogen van ons publiek, niet door onze eigen ogen.
Taal en terminologie
Consistent taalgebruik helpt onze merkidentiteit te versterken en zorgt voor duidelijkheid in alle communicatie.
| Regel | Detail | Voorbeeld |
|---|---|---|
| Brits Engels | Alle geschreven materialen gebruiken Brits-Engelse spelling. | kleur, gedrag, programma |
| Leerlingen, geen studenten | Gebruik 'leerlingen' wanneer u naar kinderen verwijst. | "Onze leerlingen bloeien op..." |
| Onderwerpen hoofdletter | Gebruik altijd hoofdletters voor namen van academische vakken. | Wiskunde, Wetenschappen, Engels |
| Naam van de school | Eerst de volledige naam, dan ISJ | "De Independent School of Jakarta (ISJ)..." |
| De Scholengroep | Voeg altijd het lidwoord "The" toe. | "Onderdeel van The Schools Trust" |
03 Waarom ISJ Merkpijlers
"ISJ bouwt voort op de beste tradities van Britse onafhankelijke scholen. Deze tradities zijn gericht op karakterontwikkeling, academische excellentie en holistisch onderwijs. Ze leggen de nadruk op morele integriteit, leiderschap en zelfdiscipline, in combinatie met levendige kunst, sport en buitenschoolse activiteiten. Deze tradities vormen veelzijdige, zelfverzekerde individuen die klaar zijn voor succes in een geglobaliseerde wereld."
ISJ is een vrolijke en stimulerende school waar elk kind zich gekend, gewaardeerd en gesteund voelt. Onze gemeenschap is warm, inclusief en gebaseerd op vertrouwen en zorgzaamheid, waardoor zowel leerlingen als gezinnen zich er thuis voelen. Wij geloven dat geluk niet alleen een maatstaf voor succes is, maar ook een basis voor prestaties. Kinderen die zich veilig en zelfverzekerd voelen, zijn vrij om te ontdekken, risico's te nemen en hun volledige potentieel te benutten.
We streven naar academische excellentie, gebaseerd op de individuele aandacht die elke leerling krijgt. De directeur en docenten kennen elk kind persoonlijk en begrijpen hun sterke punten, interesses en ambities. Ons toegewijde docententeam biedt internationaal erkende leerplannen die nieuwsgierigheid, nauwkeurigheid en onafhankelijk denken stimuleren, zodat elke leerling het beste uit zichzelf haalt en een levenslange liefde voor leren ontwikkelt.
Bij ISJ gaat leren veel verder dan alleen de klas. Onze holistische aanpak zorgt voor een evenwicht tussen academische studie en een rijk programma van sport, muziek, kunst en buitenonderwijs. Door deze ervaringen ontwikkelen leerlingen creativiteit, zelfvertrouwen en veerkracht. We willen nieuwsgierigheid naar de wereld aanwakkeren en het karakter, het teamwerk en de leiderschapsvaardigheden van kinderen ontwikkelen, zodat ze goed voorbereid zijn op het leven.
Karaktervorming staat centraal in alles wat we doen. Onze waarden en verwachtingen op het gebied van respect, vriendelijkheid en goed gedrag zijn verweven in het dagelijkse schoolleven. Leerlingen worden aangemoedigd om integer te handelen, empathie te tonen en verantwoordelijkheid te nemen voor zichzelf en anderen. Deze gewoontes vormen het morele kompas dat hen tijdens hun opleiding en daarna zal begeleiden.
ISJ ligt in de groene, gezinsvriendelijke wijk Pondok Indah en biedt een veilige en gunstige locatie in Zuid-Jakarta. De moderne campus heeft open, groene ruimtes die een rustige, inspirerende omgeving creëren om te leren en te spelen — een zeldzame plek in het hart van de stad waar kinderen zich zowel op school als persoonlijk kunnen ontplooien.
Een ISJ-opleiding opent deuren naar de wereld. Met een internationaal erkend curriculum en een diverse gemeenschap met meer dan veertig nationaliteiten krijgen leerlingen een mondiaal perspectief en het zelfvertrouwen om overal te kunnen gedijen. Onze aanpak rust hen uit met de kennis, vaardigheden en het karakter die nodig zijn om door te stromen naar toonaangevende scholen en universiteiten wereldwijd en om een zinvolle bijdrage te leveren in een onderling verbonden wereld.
04 Het kleurenpalet Merk- en webkleuren
Ons kleurenpalet zorgt voor een strakke, professionele en consistente merkidentiteit. ISJ Blue is onze primaire kleur en staat voor vertrouwen, stabiliteit en academische excellentie. Rood moet zeer spaarzaam worden gebruikt. Goud mag vaker voorkomen, maar met mate.
Primaire merkkleuren
| Kleur | HEX | CMYK |
|---|---|---|
| ISJ Blauw | #182B55 | 71,76%, 49,41%, 0%, 66,67% |
| Poederblauw | #B0D0E8 | 28%, 10%, 0%, 9% |
| ISJ Goud | #E79819 | 0%, 34,2%, 89,18%, 9,41% |
| ISJ Grijs | #C0C0C0 | 0%, 0%, 0%, 24,71% |
| ISJ Rood | #E30513 | 0%, 97,8%, 91,63%, 10,98% |
Gewenste tekstkleuren
| Gebruik | Kleur |
|---|---|
| Lichaam en kopteksten | #333333 |
| Randen en secundaire accenten | #666666 |
Webspecifiek: uitgebreid kleursysteem
Achtergrondkleuren van de website
Op de website vervangen we de standaard grijze achtergronden door warme, uitnodigende tinten. Deze worden afgewisseld om een visueel ritme te creëren.
Achtergrondrotatie
| Achtergrond | Wanneer | ~Frequentie |
|---|---|---|
| Crème | Standaardinhoud | 40% |
| Wit | Afwisselend, naast foto | 20% |
| Poederkleurstof | Belangrijke informatie, statistieken, "in één oogopslag" | 15% |
| Marine | CTA's, citaten, grote impact | 10% |
| Goud | Nadrukkelijke verklaringen | 5% |
Gebruiksgids voor marineblauw
| Context | Waarde | Opmerkingen |
|---|---|---|
| Volledige achtergronden | #182B55 | Rijk op grote schaal |
| Kaartaccenten (3px) | #182B55 | Boven- of linkerrand |
| Marineblauw als hoofdtekst | #1d3461 | Lichter — voorkomt dat het te donker wordt |
| Grote koppen | #182B55 | 2rem+ alleen |
05 Onze logo's Master, sport & huizen
Het Master-logo
De belangrijkste visuele weergave van ons merk. Het vormt de hoeksteen van alle merkcommunicatie op alle platforms. Het logo moet altijd in zijn oorspronkelijke vorm worden gebruikt, met behoud van vrije ruimte, verhoudingen en kleurintegriteit.
Twee primaire versies: marineblauw op wit (lichte achtergronden, koptekst van de website) en wit of goud op marineblauw (donkere achtergronden, voettekst).
De uitsluitingszone
Geef het logo de ruimte. De veilige zone is gelijk aan de hoogte van het merk, aan alle vier de zijden van het logo. Neem deze ruimte niet in beslag. Zo komt het logo goed tot zijn recht op de pagina.
Sportlogo — Lions
Het "LIONS"-schildembleem wordt gebruikt in sport- en teamcontexten. Gouden leeuw op een marineblauw schild. Het woordmerk maakt gebruik van Regan Slab Ultra.
| Element | CMYK | RGB |
|---|---|---|
| Goud | C=3,65 M=40,6 Y=99,96 K=0,27 | 245, 149, 2 |
| Marine | C=95,88 M=72,06 Y=40,51 K=45,47 | 11, 24, 50 |
Huissysteem
Vier huizen, elk met een eigen wapen, mascotte en kleurenpalet. Alle woordmerken van de huizen gebruiken Celtic Garamond the 2nd.
06 Typografie Lettertypen en lettergrootte
ISJ maakt gebruik van een systeem met twee lettertypes: een serif voor koppen en een strakke sans-serif voor de hoofdtekst. Deze combinatie zorgt voor een evenwicht tussen autoriteit en leesbaarheid.
| Rol | Lettertype | Opmerkingen |
|---|---|---|
| Kopteksten | Libre Baskerville | Serif. Alle koptekstniveaus en weergavetekst. |
| Hoofdtekst | Roboto | Sans-serif. Alinea's, bijschriften, labels. |
| Diversen | Almarai | Navigatie- en UI-elementen. |
Type Schaal
Webspecifiek: typografische regels
lettertypefamilie wanneer de serif vereist is voor koppen in aangepaste code.| Niveau | Grootte (desktop) | Gewicht | Gebruik |
|---|---|---|---|
| Weergave | 2,8–3,5 rem | 400 | Heldverklaringen |
| H1 | 2–2,4 rem | 400 | Paginatitels |
| H2 | 1,6–1,8 rem | 400 | Sectiekopjes |
| Wenkbrauw | 0,72 rem | 700 | Hoofdletterlabels · 1,8 px spatiëring |
Wenkbrauwpatroon
07 Afbeeldingen en fotografie Richtlijnen
Beelden zijn waarschijnlijk het meest impactvolle communicatiemiddel dat we gebruiken. De beste beelden tonen gelukkige, betrokken leerlingen in authentieke momenten van nieuwsgierigheid, vreugde of concentratie. Ze benadrukken bijzondere, interessante momenten die een verhaal vertellen en emoties oproepen.
Sterke foto's zijn ook duidelijk en overzichtelijk, waardoor de aandacht wordt gevestigd op wat voor de leerlingen en hun ervaringen het belangrijkst is. Als ze goed zijn gemaakt, geven deze beelden een authentiek en boeiend beeld van het schoolleven, waardoor ze een blijvende indruk maken op ouders en toekomstige gezinnen.
| Doe | Niet doen |
|---|---|
| Leg echte, ongekunstelde momenten vast | Kunstmatige groepsposes op het podium |
| Focus op betrokkenheid — nieuwsgierigheid, concentratie, vreugde | Gebruik generieke stockfoto's |
| Houd achtergronden schoon en overzichtelijk | Voeg afleidende borden of rommel toe |
| Laat de diversiteit van onze gemeenschap zien | Fotografeer slechts één soort activiteit |
| Benadruk groene ruimtes en moderne faciliteiten | Overmatig gebruik van uitsluitend binnenopnames |
| Natuurlijk licht heeft de voorkeur | Sterk gefilterde of oververzadigde afbeeldingen |
08 Webontwerpsysteem Componenten en code
Componentbibliotheek, spatiëringsregels en codepatronen voor de ISJ-website op Squarespace.
Lay-out
| Context | Maximale breedte |
|---|---|
| Artikel / proza | 700px |
| Brede inhoud (tabellen) | 900px |
| Volledige breedte (voettekst, hero) | 1200px |
| Context | Bureaublad | Mobiel |
|---|---|---|
| Sectie opvulling | 60px 40px | 40px 20px |
| Kaartvulling | 24–28px | 18–20px |
| CTA-blokken | 60px 40px | 48px 24px |
Onderdelen
Vertrouwensnetwerk
Statistiekenrij
Kaarten & Panelen
CTA-sectie en knoppen
Citaten & Notities
Navigatie (broodkruimels & zijbalk)
Tabellen
Voettekst
Hover-statussen
| Element | Gedrag |
|---|---|
| Tekstlinks | Kleur → #E79819 |
| Kaarten | translateY(-2px) + schaduw |
| Kaartranden | → #B0D0E8 |
| Gouden knopen | → #d08a15 |
| Tabelrijen | rgba(176,208,232,0,06) |
Breekpunten
| px | Wijzigingen |
|---|---|
900 | 4-kleurig → 2-kleurig |
768 | 3-kolom → 1-kolom; zijbalkstapels |
640 | Voettekst klapt in |
480 | Knoppen over de volledige breedte |
Veelgemaakte fouten
| Niet doen | Doe in plaats daarvan |
|---|---|
| Stel elke sectie standaard in op crème | Achtergronden roteren |
Gebruik #182B55 voor kleine tekst | Gebruik #1d3461 of #333 |
| Negeer poederblauw | Gebruik voor randen, informatiepanelen |
| Squarespace-lettertypen overschrijven | Overnemen; alleen serif voor koppen declareren |
| Afbeeldingen in code insluiten | Verdeel in blokken; gebruik afbeeldingsblokken |
| Ronde hoeken op alles | Alleen knoppen (50px) en CTA's (12px) |
| Schrijf "studenten" | Schrijf "leerlingen" |
Snelle referentie
