ブランドガイド
プレゼンテーションからウェブサイトに至るまで、あらゆる素材において一貫性があり、自信に満ち、洗練されたブランドを維持するためのガイドライン。
01 当社のブランドアイデンティティ 理念と原則
このガイドはISJの全関係者を対象としています。ロゴ、カラー、タイポグラフィ、メッセージングの使用方法について明確な指針を示し、あらゆる資料において一貫性とプロフェッショナルなブランドを維持するためのものです。プレゼンテーション、ニュースレター、学校イベントのポスター、ソーシャルメディアコンテンツなどを作成する際、このガイドに従うことで、ISJのアイデンティティが明確かつ統一された形で反映された成果物を確実に生み出せます。
私たちのブランドは私たちの本質を映し出します。一貫した使用がブランドを強化します。
デザイン哲学
ISJのビジュアルアイデンティティは、控えめなラグジュアリーの伝統に根ざしています——温かみがあり、自信に満ち、抑制が効いています。当社の資料は、パンフレットではなく、明るく照らされた読書室のような感覚を与えるべきです。私たちは、ゆとりのある余白、温かみのあるトーン、熟考されたタイポグラフィ、そして視覚的な雑音の排除を通じて、静かな威厳を伝えます。
基本原則
冷たさより温もり。クールなグレーも、無機質な白も使わない。ニュートラルカラーは全て温かみのある——クリーム、ストーン、サンド。私たちの配色は、学校コミュニティを反映した、親しみやすく居心地の良い雰囲気を創り出します。
装飾よりも抑制。各要素は存在意義を持つ。装飾は目的なく追加しない。整然としたレイアウト、意図的な余白、静かな自信は、視覚的な雑然さよりも力強い。
説得よりも確信。ISJは大声で主張する必要はない。私たちの品質は、抑制が効き、思慮深く、確信に満ちた姿勢を通じて伝わる。
ストック画像よりも本物らしさを重視。ISJ教材は、学校生活の写真や生徒が制作した作品を通じて視覚的な魅力を高め、あらゆる媒体で本物らしく魅力的な表現を維持しています。
02 声とトーン 私たちの話し方
もし私たちのブランドが人なら、こんな風に話すでしょう。私たちの声は本物で、思慮深く、自信に満ちています。気取った口調は避けましょう。明確に、シンプルに語り、私たち自身の視点ではなく、聴衆の視点で世界を見たいのです。
言語と用語
言語の一貫性は、ブランドアイデンティティの強化に寄与し、あらゆるコミュニケーションにおける明確性を保証します。
| ルール | 詳細 | 例 |
|---|---|---|
| イギリス英語 | すべての文書はイギリス英語の綴りを使用します | 色、行動、プログラム |
| 生徒、学生ではない | 子どもを指す場合は「生徒」を使用してください | 「私たちの生徒たちは成長しています…」 |
| 主語は大文字で始める | 学術科目の名称は常に大文字で表記する | 数学、科学、英語 |
| 学校名 | フルネームを先に、その後ISJ | 「ジャカルタ・インディペンデント・スクール(ISJ)…」 |
| ザ・スクールズ・トラスト | 常に冠詞「The」を含める | 「ザ・スクールズ・トラストの一員」 |
03 なぜISJなのか ブランドピラー
ISJは英国の私立学校が築いてきた最良の伝統を継承しています。それは人格形成への取り組み、学問的卓越性、そして全人的教育への確固たる姿勢です。道徳的誠実さ、リーダーシップ、自己規律を重視しつつ、活気ある芸術活動、スポーツ、課外活動との調和を図っています。こうした伝統は、グローバル化した世界で成功を収める準備が整った、バランスの取れた自信に満ちた人材を育みます。
ISJは、すべての児童が理解され、尊重され、支えられていると感じられる、幸せで育みのある学校です。私たちのコミュニティは温かく、包み込むように受け入れ合い、信頼と思いやりを基盤として築かれており、児童と家族双方に帰属意識を生み出しています。私たちは、幸福が成功の尺度であるだけでなく、達成の基盤でもあると信じています。安全で自信に満ちた子どもたちは、自由に探求し、挑戦し、自らの可能性を最大限に発揮することができるのです。
私たちは、生徒一人ひとりに注がれる個別指導に根ざした学問的卓越性を追求しています。校長と教師陣は全児童を個人的に把握し、それぞれの強み、興味、志を理解しています。献身的な教育チームが提供する国際的に認められたカリキュラムは、探究心、厳密さ、自立した思考を育み、全ての生徒が最高の成果を収め、生涯にわたる学びへの愛を育むことを保証します。
ISJでは、学びは教室の枠をはるかに超えています。総合的な教育方針のもと、学業とスポーツ・音楽・芸術・野外学習の充実したプログラムを両立させています。こうした経験を通じて、生徒たちは創造性、自信、そして困難に立ち向かう力を育みます。私たちは、世界への好奇心を喚起し、人格形成、チームワーク、リーダーシップスキルを育むことで、子どもたちが人生に備えられるよう導くことを目指しています。
人格教育は私たちの活動の中心です。敬意、親切心、良き行動に関する価値観と期待は、日々の学校生活に織り込まれています。生徒たちは誠実に行動し、共感を示し、自分自身と他者に対する責任を果たすよう促されます。これらの習慣は、教育期間を通じて、そしてその後の人生においても彼らを導く道徳的指針を形成します。
緑豊かな家族向けのポンドック・インダ地区に位置するISJは、南ジャカルタにおいて安全で便利な立地を提供しています。モダンなキャンパスには開放的な緑地が広がり、学びと遊びのための穏やかで刺激的な環境を創出しています。都心部において、子供たちが学問的にも人間的にも成長できる稀有な環境です。
ISJの教育は世界への扉を開きます。国際的に認められたカリキュラムと40以上の国籍を代表する多様なコミュニティを通じて、生徒たちはグローバルな視点と、あらゆる場所で成功するための自信を身につけます。私たちの教育方針は、世界中のトップスクールや大学へ進学し、相互につながった世界で意義ある貢献をするために必要な知識、スキル、そして人格を生徒たちに備えさせます。
04 カラーパレット ブランド&ウェブカラー
当社のカラーパレットは、清潔でプロフェッショナル、かつ一貫性のあるブランドアイデンティティを保証します。ISJブルーは信頼性、安定性、そして学術的卓越性を象徴する基調色です。赤は極力控えめに使用してください。ゴールドはより頻繁に使用できますが、節度を持って使用してください。
主要ブランドカラー
| 色 | HEX | CMYK |
|---|---|---|
| ISJ ブルー | #182B55 | 71.76%、49.41%、0%、66.67% |
| パウダーブルー | #B0D0E8 | 28%、10%、0%、9% |
| ISJゴールド | #E79819 | 0%、34.2%、89.18%、9.41% |
| ISJ グレー | #C0C0C0 | 0%、0%、0%、24.71% |
| ISJ レッド | #E30513 | 0%、97.8%、91.63%、10.98% |
推奨テキストカラー
| 使用方法 | 色 |
|---|---|
| 本文と見出し | #333333 |
| 境界線と二次アクセント | #666666 |
Web専用:拡張カラーシステム
ウェブサイトの背景色
ウェブサイトでは、標準的なグレーの背景を温かみのある魅力的な色調に置き換えています。各セクションがこれらの色調を順番に切り替えることで、視覚的なリズムを生み出しています。
背景の回転
| 背景 | いつ | ~周波数 |
|---|---|---|
| クリーム | デフォルトの内容 | 40% |
| 白 | 交互に、写真に隣接して | 20% |
| パウダーティント | 主要情報、統計データ、「一目でわかる」 | 15% |
| 海軍 | CTA、引用、インパクトの強い | 10% |
| ゴールド | 強調文 | 5% |
海軍使用ガイド
| 文脈 | 価値 | 注記 |
|---|---|---|
| 完全な背景 | #182B55 | 大規模な豊かさ |
| カードのアクセント (3px) | #182B55 | 上または左の境界線 |
| 本文はネイビー | #1d3461 | ライター — 暗すぎる読み取りを回避 |
| 大きな見出し | #182B55 | 2rem以上のみ |
05 私たちのロゴ マスター、スポーツ&ハウス
マスターロゴ
当社のブランドを視覚的に表現する主要な要素です。あらゆるプラットフォームにおけるブランドコミュニケーションの基盤となります。ロゴは常にオリジナル形態で使用し、クリアスペース、プロポーション、色彩の整合性を維持してください。
2つの主要なバージョン:白地に紺(明るい背景、ウェブサイトのヘッダー)紺地に白または金(暗い背景、フッター)
立入禁止区域
ロゴには十分なスペースを確保してください。安全領域の単位は、ロゴの四辺すべてにおいてマークの高さです。この領域には侵入しないでください。これにより、ロゴがページ上で際立つようになります。
スポーツロゴ — ライオンズ
「LIONS」の盾型バッジはスポーツおよびチーム関連で使用されます。紺色の盾に金色の獅子(立ち姿)が描かれています。ロゴ文字にはRegan Slab Ultraフォントが使用されています。
| 要素 | CMYK | RGB |
|---|---|---|
| ゴールド | C=3.65 M=40.6 Y=99.96 K=0.27 | 245, 149, 2 |
| 海軍 | C=95.88M=72.06Y=40.51K=45.47 | 11, 24, 50 |
ハウス制度
四つの寮は、それぞれ独自の紋章、マスコット、カラーパレットを持つ。全ての寮のロゴマークにはケルト・ガラモンド第2書体が使用されている。
06 タイポグラフィ フォントとタイプスケール
ISJは二種類のフォントシステムを採用しています:見出しにはセリフ体、本文には洗練されたサンセリフ体を使用します。この組み合わせにより、権威性と可読性のバランスが取れています。
| 役割 | フォント | 注記 |
|---|---|---|
| 見出し | リブレ・バスカヴィル | セリフ体。すべての見出しレベルと本文テキスト。 |
| 本文 | ロボト | サンセリフ体。段落、キャプション、ラベル。 |
| その他 | アルマライ | ナビゲーションとUI要素。 |
タイプ スケール
Web特化:タイポグラフィのルール
フォントファミリー カスタムコードでヘッダーにセリフ体が必要な場合。| レベル | サイズ(デスクトップ) | 重量 | 使用方法 |
|---|---|---|---|
| 表示 | 2.8–3.5rem | 400 | ヒーローの宣言 |
| H1 | 2–2.4rem | 400 | ページタイトル |
| H2 | 1.6–1.8rem | 400 | セクション見出し |
| 眉毛 | 0.72rem | 700 | 大文字のラベル · 1.8pxの間隔 |
眉毛のパターン
07 画像と写真 ガイドライン
画像は、おそらく私たちが使う最も効果的なコミュニケーションツールです。優れた画像は、 好奇心や喜び、集中といった本物の瞬間に、幸せで熱心な生徒たちの姿を示します。物語を伝え、感情を呼び起こす特別な瞬間を捉えているのです。
優れた写真はまた、明瞭で余分なものがなく、生徒たちとその経験にとって最も重要な点に注目を集めます。適切に撮影されたこれらの画像は、学校生活の真実味のある魅力的な反映を生み出し、保護者や将来の家族に永続的な印象を与えます。
| する | しないで |
|---|---|
| 自然な、作り物ではない瞬間を捉える | ステージ用人工グループポーズ |
| 没頭すること——好奇心、集中力、喜び | 汎用的なストックスタイルの画像を使用する |
| 背景はすっきりさせ、雑然とさせないようにする | 注意散漫な看板や雑然としたものを設置する |
| 私たちのコミュニティの多様性を示す | 1種類の活動のみを撮影してください |
| 緑地と近代的な施設を強調する | 屋内専用ショットの過剰使用 |
| 自然光が望ましい | 過度にフィルター処理された画像または彩度過剰の画像 |
08 Webデザインシステム コンポーネントとコード
Squarespace上のISJウェブサイト向けコンポーネントライブラリ、間隔ルール、およびコードパターン。
レイアウト
| 文脈 | 最大幅 |
|---|---|
| 記事/散文 | 700ピクセル |
| 広いコンテンツ(表) | 900ピクセル |
| フル幅(フッター、ヒーロー) | 1200ピクセル |
| 文脈 | デスクトップ | モバイル |
|---|---|---|
| セクションの余白 | 60px 40px | 40px 20px |
| カードパディング | 24–28px | 18–20px |
| CTAブロック | 60px 40px | 48px24px |
コンポーネント
トラストグリッド
統計行
カードとパネル
CTAセクションとボタン
引用とメモ
ナビゲーション(パンくずリストとサイドバー)
テーブル
フッター
ホバー状態
| 要素 | 行動 |
|---|---|
| テキストリンク | 色 → #E79819 |
| カード | translateY(-2px) + 影 |
| カード枠線 | → #B0D0E8 |
| 金のボタン | → #d08a15 |
| テーブルの行 | rgba(176,208,232,0.06) |
ブレークポイント
| px | 変更 |
|---|---|
900 | 4-col → 2-col |
768 | 3列 → 1列; サイドバーはスタック表示 |
640 | フッターが折りたたまれます |
480 | ボタン(全角) |
よくある間違い
| しないで | 代わりに |
|---|---|
| すべてのセクションをデフォルトでクリーム色に設定 | 背景を回転させる |
使用 #182B55 小さな文字用 | 使用 #1d3461 または #333 |
| パウダーブルーを無視する | 枠線、情報パネルに使用 |
| Squarespaceのフォントを上書きする | 継承; 見出しにはセリフ書体を宣言するのみ |
| コードに画像を埋め込む | ブロックに分割する;画像ブロックを使用する |
| すべての角を丸くする | ボタン(50px)とCTA(12px)のみ |
| 「学生」と書く | 「生徒」と書く |