Guida al marchio
Linee guida per mantenere un marchio coerente, affidabile e raffinato in tutti i materiali, dalle presentazioni al sito web.
01 La nostra identità di marca Filosofia e principi
Questa guida è destinata a tutti i membri dell'ISJ. Fornisce linee guida chiare su come utilizzare il nostro logo, i colori, la tipografia e i messaggi per mantenere un marchio coerente e professionale su tutti i materiali. Che si tratti di creare una presentazione, una newsletter, un poster per un evento scolastico o contenuti per i social media, questa guida garantisce che tutto ciò che produciamo rifletta l'identità dell'ISJ in modo chiaro e uniforme.
Il nostro marchio riflette chi siamo. Un uso coerente rafforza il nostro marchio.
Filosofia del design
L'identità visiva di ISJ attinge dalla tradizione del lusso sobrio: caldo, sicuro e discreto. I nostri materiali devono dare la sensazione di una sala di lettura ben illuminata, non di una brochure. Comunichiamo una tranquilla autorevolezza attraverso spazi generosi, toni caldi, una tipografia accurata e l'assenza di rumore visivo.
Principi fondamentali
Calore anziché freddezza. Niente grigi freddi, niente bianchi sterili. Tutti i colori neutri sono caldi: crema, pietra, sabbia. La nostra palette crea un'atmosfera accogliente e accessibile che riflette la comunità scolastica.
Moderazione nella decorazione. Ogni elemento ha il suo posto. Non aggiungiamo ornamenti solo per il gusto di farlo. Layout puliti, spazi bianchi funzionali e una sobria sicurezza sono più efficaci del disordine visivo.
Fiducia anziché persuasione. ISJ non ha bisogno di alzare la voce. La nostra qualità traspare dal modo in cui ci presentiamo: misurato, ponderato e sicuro.
Autenticità anziché immagini stock. I materiali ISJ suscitano interesse visivo grazie alle fotografie della vita scolastica e alle opere d'arte realizzate dagli alunni, mantenendo una presentazione autentica e coinvolgente su tutti i media.
02 Voce e tono Come suoniamo
Se il nostro marchio fosse una persona, questo sarebbe il suo modo di esprimersi. La nostra voce è autentica, riflessiva e sicura. Non dobbiamo sembrare pretenziosi. Vogliamo parlare in modo chiaro e semplice e vedere il mondo attraverso gli occhi del nostro pubblico, non attraverso i nostri.
Lingua e terminologia
La coerenza linguistica contribuisce a rafforzare l'identità del nostro marchio e garantisce chiarezza in tutte le comunicazioni.
| Regola | Dettaglio | Esempio |
|---|---|---|
| inglese britannico | Tutti i materiali scritti utilizzano l'ortografia dell'inglese britannico. | colore, comportamento, programma |
| Allievi, non studenti | Quando ci si riferisce ai bambini, utilizzare il termine " alunni". | "I nostri alunni crescono bene..." |
| Maiuscole nei soggetti | Scrivi sempre in maiuscolo i nomi delle materie accademiche. | Matematica, Scienze, Inglese |
| Nome della scuola | Prima il nome completo, poi ISJ | "La Scuola Indipendente di Giacarta (ISJ)..." |
| Il Trust scolastico | Includere sempre l'articolo "The" | "Parte di The Schools Trust" |
03 Perché ISJ I pilastri del marchio
"ISJ si basa sulle migliori tradizioni delle scuole indipendenti britanniche. Queste sono l'impegno per lo sviluppo del carattere, l'eccellenza accademica e l'istruzione olistica. Esse enfatizzano l'integrità morale, la leadership e l'autodisciplina, bilanciate da vivaci opportunità artistiche, sportive ed extracurriculari. Queste tradizioni coltivano individui completi e sicuri di sé, preparati per il successo in un mondo globalizzato".
ISJ è una scuola felice e stimolante, dove ogni bambino si sente conosciuto, apprezzato e sostenuto. La nostra comunità è accogliente, inclusiva e basata sulla fiducia e sull'attenzione, creando un senso di appartenenza sia per gli alunni che per le famiglie. Crediamo che la felicità non sia solo una misura del successo, ma anche una base per il raggiungimento dei risultati: i bambini che si sentono sicuri e fiduciosi sono liberi di esplorare, correre rischi e raggiungere il loro pieno potenziale.
Ci impegniamo a garantire l'eccellenza accademica basata sull'attenzione individuale riservata a ogni studente. Il Preside e gli insegnanti conoscono personalmente ogni bambino, comprendendone i punti di forza, gli interessi e le aspirazioni. Il nostro team di insegnanti dedicati offre programmi di studio riconosciuti a livello internazionale che incoraggiano la curiosità, il rigore e il pensiero indipendente, assicurando che ogni studente raggiunga il massimo dei risultati e sviluppi un amore per l'apprendimento che durerà tutta la vita.
All'ISJ, l'apprendimento va ben oltre l'aula. Il nostro approccio olistico bilancia lo studio accademico con un ricco programma di sport, musica, arte e apprendimento all'aperto. Attraverso queste esperienze, gli alunni sviluppano creatività, fiducia in se stessi e resilienza. Il nostro obiettivo è stimolare la curiosità verso il mondo e coltivare il carattere, il lavoro di squadra e le capacità di leadership che preparano i bambini alla vita.
L'educazione al carattere è fondamentale in tutto ciò che facciamo. I nostri valori e le nostre aspettative in materia di rispetto, gentilezza e buon comportamento sono integrati nella vita scolastica quotidiana. Gli alunni sono incoraggiati ad agire con integrità, mostrare empatia e assumersi la responsabilità per se stessi e per gli altri. Queste abitudini costituiscono la bussola morale che li guiderà durante tutta la loro formazione scolastica e oltre.
Situata nel quartiere verdeggiante e adatto alle famiglie di Pondok Indah, la ISJ offre una posizione sicura e comoda nella zona sud di Giacarta. Il moderno campus offre spazi aperti e verdi che creano un ambiente tranquillo e stimolante per l'apprendimento e il gioco: un contesto raro nel cuore della città, dove i bambini possono crescere sia dal punto di vista accademico che personale.
Un'istruzione ISJ apre le porte al mondo. Grazie a un programma di studi riconosciuto a livello internazionale e a una comunità diversificata che rappresenta più di quaranta nazionalità, gli studenti acquisiscono una prospettiva globale e la sicurezza necessaria per avere successo ovunque. Il nostro approccio fornisce loro le conoscenze, le competenze e il carattere necessari per accedere alle migliori scuole e università di tutto il mondo e per dare un contributo significativo in un mondo interconnesso.
04 La tavolozza dei colori Colori del marchio e del sito web
La nostra tavolozza di colori garantisce un'identità di marca pulita, professionale e coerente. Il blu ISJ è il nostro colore principale e rappresenta fiducia, stabilità ed eccellenza accademica. Il rosso deve essere usato con molta parsimonia. Il dorato può apparire più frequentemente, ma con moderazione.
Colori principali del marchio
| Colore | HEX | CMYK |
|---|---|---|
| ISJ Blu | #182B55 | 71,76%, 49,41%, 0%, 66,67% |
| Blu polvere | #B0D0E8 | 28%, 10%, 0%, 9% |
| ISJ Oro | #E79819 | 0%, 34,2%, 89,18%, 9,41% |
| ISJ Grigio | #C0C0C0 | 0%, 0%, 0%, 24,71% |
| ISJ Rosso | #E30513 | 0%, 97,8%, 91,63%, 10,98% |
Colori preferiti per il testo
| Utilizzo | Colore |
|---|---|
| Corpo e titoli | #333333 |
| Confini e accenti secondari | #666666 |
Specifico per il web: sistema cromatico esteso
Toni di sfondo del sito web
Sul sito web, abbiamo sostituito gli sfondi grigi standard con tonalità calde e accoglienti. Le sezioni ruotano tra queste tonalità per creare un ritmo visivo.
Rotazione dello sfondo
| Contesto | Quando | ~Frequenza |
|---|---|---|
| Crema | Contenuto predefinito | 40% |
| Bianco | Alternato, foto-adiacente | 20% |
| Tinta in polvere | Informazioni chiave, statistiche, "in sintesi" | 15% |
| Marina militare | CTA, citazioni, forte impatto | 10% |
| Oro | Dichiarazioni di enfasi | 5% |
Guida all'uso della Marina Militare
| Contesto | Valore | Note |
|---|---|---|
| Contesti completi | #182B55 | Ricco su larga scala |
| Accenti della carta (3px) | #182B55 | Bordi superiore o sinistro |
| Blu navy come testo del corpo | #1d3461 | Accendino — evita una lettura troppo scura |
| Titoli grandi | #182B55 | Solo 2rem+ |
05 I nostri loghi Master, sport e case
Il logo principale
La rappresentazione visiva principale del nostro marchio. È il fondamento di tutte le comunicazioni del marchio su tutte le piattaforme. Il logo deve essere sempre utilizzato nella sua forma originale, mantenendo lo spazio libero, le proporzioni e l'integrità dei colori.
Due versioni principali: blu navy su bianco (sfondi chiari, intestazione del sito web) e bianco o oro su blu navy (sfondi scuri, piè di pagina).
La zona di esclusione
Lascia spazio al logo. L'area di sicurezza corrisponde all'altezza del marchio su tutti e quattro i lati del logo. Non invadere questo spazio. Esso consente al logo di risaltare sulla pagina.
Logo sportivo — Lions
Lo stemma "LIONS" viene utilizzato in contesti sportivi e di squadra. Leone rampante dorato su scudo blu navy. Il marchio denominativo utilizza il carattere Regan Slab Ultra.
| Elemento | CMYK | RGB |
|---|---|---|
| Oro | C=3,65 M=40,6 Y=99,96 K=0,27 | 245, 149, 2 |
| Marina militare | C=95,88 M=72,06 Y=40,51 K=45,47 | 11, 24, 50 |
Sistema delle case
Quattro case, ognuna con il proprio stemma, mascotte e palette di colori. Tutti i loghi delle case utilizzano il carattere Celtic Garamond the 2nd.
06 Tipografia Font e scala tipografica
ISJ utilizza un sistema a due caratteri tipografici: un carattere serif per i titoli e un carattere sans-serif pulito per il corpo del testo. Questa combinazione garantisce un equilibrio tra autorevolezza e leggibilità.
| Ruolo | Carattere | Note |
|---|---|---|
| Intestazioni | Libre Baskerville | Serif. Tutti i livelli di intestazione e il testo visualizzato. |
| Testo del corpo | Roboto | Sans-serif. Paragrafi, didascalie, etichette. |
| Varie | Almarai | Elementi di navigazione e interfaccia utente. |
Tipo Scala
Specifiche web: regole tipografiche
famiglia di caratteri quando è necessario il carattere serif per i titoli nel codice personalizzato.| Livello | Dimensioni (desktop) | Peso | Utilizzo |
|---|---|---|---|
| Display | 2,8–3,5 rem | 400 | Dichiarazioni degli eroi |
| H1 | 2–2,4 rem | 400 | Titoli delle pagine |
| H2 | 1,6–1,8 rem | 400 | Titoli delle sezioni |
| Sopracciglio | 0,72 rem | 700 | Etichette maiuscole · Spaziatura 1,8 px |
Modello sopracciglia
07 Immagini e fotografia Linee guida
Le immagini sono probabilmente lo strumento di comunicazione più efficace che utilizziamo. Le immagini migliori mostrano alunni felici e coinvolti in momenti autentici di curiosità, gioia o concentrazione. Evidenziano momenti speciali e interessanti che raccontano una storia e suscitano emozioni.
Le foto efficaci sono anche chiare e ordinate, e attirano l'attenzione su ciò che conta di più per gli studenti e le loro esperienze. Se realizzate correttamente, queste immagini creano un riflesso autentico e coinvolgente della vita scolastica, lasciando un'impressione duratura sui genitori e sulle potenziali famiglie.
| Fai | Non |
|---|---|
| Cattura momenti autentici e spontanei | Posa artificiale di gruppo sul palco |
| Concentrati sul coinvolgimento: curiosità, concentrazione, gioia | Utilizza immagini generiche in stile stock |
| Mantieni gli sfondi puliti e ordinati | Includere segnaletica che distrae o disordine |
| Mostra la diversità della nostra comunità | Fotografare solo un tipo di attività |
| Evidenzia gli spazi verdi e le strutture moderne | Uso eccessivo di colpi solo indoor |
| Preferibile luce naturale | Immagini fortemente filtrate o sovrasaturate |
08 Sistema di progettazione web Componenti e codice
Libreria dei componenti, regole di spaziatura e modelli di codice per il sito web ISJ su Squarespace.
Layout
| Contesto | Larghezza massima |
|---|---|
| Articolo / prosa | 700px |
| Contenuto ampio (tabelle) | 900px |
| Larghezza intera (piè di pagina, hero) | 1200px |
| Contesto | Desktop | Mobile |
|---|---|---|
| Rientro della sezione | 60px 40px | 40px 20px |
| Rinforzo delle carte | 24–28 px | 18–20 px |
| Blocchi CTA | 60px 40px | 48px 24px |
Componenti
Rete di fiducia
Riga delle statistiche
Schede e pannelli
Sezione CTA e pulsanti
Citazioni e note
Navigazione (Breadcrumbs e barra laterale)
Tabelle
Piè di pagina
Stati al passaggio del mouse
| Elemento | Comportamento |
|---|---|
| Link testuali | Colore → #E79819 |
| Carte | translateY(-2px) + ombra |
| Bordi delle carte | → #B0D0E8 |
| Bottoni dorati | → #d08a15 |
| Righe della tabella | rgba(176,208,232,0,06) |
Punti di interruzione
| px | Modifiche |
|---|---|
900 | 4 colori → 2 colori |
768 | 3 colonne → 1 colonna; barre laterali impilate |
640 | Il piè di pagina si chiude |
480 | Pulsanti a tutta larghezza |
Errori comuni
| Non | Fai invece |
|---|---|
| Imposta ogni sezione su color crema | Ruota sfondi |
Utilizzo #182B55 per testo piccolo | Utilizzo #1d3461 o #333 |
| Ignora il blu polvere | Utilizzo per bordi, pannelli informativi |
| Sovrascrivi i caratteri di Squarespace | Ereditare; dichiarare serif solo per i titoli |
| Incorporare immagini nel codice | Suddividi in blocchi; usa blocchi immagine |
| Arrotondare gli angoli su tutto | Solo pulsanti (50px) e CTA (12px) |
| Scrivi "studenti" | Scrivi "pupils" |
Riferimento rapido
