品牌指南
在所有材料中保持品牌一致性、自信度与精致度的指南——涵盖从演示文稿到网站的各个方面。
01 我们的品牌标识 理念与原则
本指南适用于ISJ全体成员。它为使用我们的标识、色彩、字体和信息传递提供了明确指引，确保所有宣传材料保持统一专业的品牌形象。无论您正在制作演示文稿、通讯刊物、校园活动海报还是社交媒体内容，本指南都能确保我们产出的所有作品清晰统一地展现ISJ的品牌特质。
我们的品牌体现了我们的本质。统一的使用强化了我们的品牌。
设计理念
ISJ的视觉形象源于低调奢华的传统——温暖、自信且克制。我们的材料应如光线充足的阅览室般令人沉浸，而非宣传册的质感。通过宽裕的留白、温暖的色调、考究的排版以及视觉噪音的消除，我们传递着静谧的权威感。
核心原则
温暖胜于冷峻。摒弃冷灰与冰冷纯白，所有中性色皆蕴含暖意——奶油色、石色、沙色。我们的配色方案营造出亲切可感的氛围，恰如其分地映照出校园社区的温馨特质。
克制胜于装饰。每个元素都因其价值而存在。我们不为装饰而装饰。简洁的布局、富有深意的留白与沉稳的自信，远比视觉杂乱更具力量。
自信胜于说服。ISJ无需高声疾呼。我们的品质通过自身展现方式传递——沉稳、深思熟虑且充满自信。
真实胜于库存图片。ISJ的宣传材料通过拍摄校园生活和学生创作的艺术作品来提升视觉吸引力——在所有媒体平台上保持真实而引人入胜的呈现效果。
02 声音与语调 我们的声音呈现
如果我们的品牌是一个人，那它会这样说话。我们的声音真实、深思熟虑且自信。我们不该故作高深，要清晰简洁地表达，用受众的视角而非我们的视角看世界。
语言和术语
语言的一致性有助于强化我们的品牌形象，并确保所有沟通的清晰度。
| 规则 | 细节 | 示例 |
|---|---|---|
| 英式英语 | 所有书面材料均采用英式拼写 | 颜色，行为，程序 |
| 学生，而非学员 | 提及儿童时，请使用"学生"一词。 | 我们的学生茁壮成长…… |
| 首字母大写 | 学术科目名称始终大写 | 数学、科学、英语 |
| 学校名称 | 全名在前，ISJ在后 | 雅加达独立学校（ISJ）…… |
| 学校信托基金 | 始终包含冠词"The" | "学校信托基金的一部分" |
03 为何选择ISJ 品牌支柱
ISJ秉承英国私立学校的优良传统，致力于品格培养、学术卓越与全人教育。学校注重道德操守、领导才能与自律精神的培养，同时提供丰富的艺术、体育及课外活动机会。这些传统造就了全面发展、自信从容的学子，为他们在全球化世界中取得成功奠定坚实基础。
ISJ是一所充满欢乐与关爱的学校，每个孩子都能感受到被理解、被重视、被支持。我们的社区温暖包容，建立在信任与关怀之上，为学生和家庭营造归属感。我们相信，幸福不仅是成功的衡量标准，更是成就的基础——当孩子们感到安全而自信时，他们才能自由探索、勇于尝试，最终实现自身潜能。
我们致力于打造以个性化教育为核心的卓越学术体系。校长与教师团队深入了解每位学生的特质，洞悉其优势、兴趣与志向。专业教学团队实施国际认可的课程体系，激发求知欲、培养严谨思维与独立思考能力，确保每位学生实现最佳发展，并培养终身学习的热忱。
在ISJ，学习远不止于课堂。我们采用全人教育理念，在学术研习与丰富的体育、音乐、艺术及户外学习项目间取得平衡。通过这些实践体验，学生们培养创造力、自信心与抗压能力。我们致力于激发孩子们对世界的探索热情，同时培育品格、团队协作精神及领导才能，为他们的人生奠定坚实基础。
品德教育是我们一切工作的核心。尊重、友善和良好行为的价值观与期望已融入校园生活的方方面面。我们鼓励学生秉持诚信行事，展现同理心，并对自身及他人负责。这些习惯构成了道德指南针，将指引他们在整个求学阶段乃至未来的人生道路上不断前行。
ISJ坐落于绿树成荫、适合家庭居住的蓬多克印达社区，在南雅加达拥有安全便利的地理位置。现代化校园内开阔的绿地空间营造出宁静而富有启发性的学习与游戏环境——这座城市中心罕见的场所，让孩子们得以在学术与个人成长方面全面发展。
ISJ的教育为学生开启通往世界的门扉。凭借国际认可的课程体系和汇聚四十余个国籍的多元化社区，学生们不仅获得全球视野，更培养出在任何环境中蓬勃发展的自信。我们的教育理念致力于培养学生所需的知识、技能与品格，助力他们升入全球顶尖学府，并在互联互通的世界中贡献有意义的力量。
04 色彩方案 品牌与网页配色
我们的色彩方案确保品牌形象简洁、专业且统一。ISJ蓝作为主色调，象征着信任、稳定与卓越的学术成就。红色应极少使用。金色可适当增加使用频率，但需保持克制。
主品牌颜色
| 颜色 | HEX | CMYK |
|---|---|---|
| ISJ 蓝色 | #182B55 | 71.76%，49.41%，0%，66.67% |
| 粉蓝色 | #B0D0E8 | 28%，10%，0%，9% |
| ISJ Gold | #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 |
网络专用：扩展色彩系统
网站背景色调
在网站上，我们将标准的灰色背景替换为温暖而富有吸引力的色调。各板块循环使用这些色调，营造出视觉节奏感。
背景旋转
| 背景 | 当 | ~频率 |
|---|---|---|
| 奶油 | 默认内容 | 40% |
| 白色 | 交替排列，邻近照片 | 20% |
| 粉状染色剂 | 关键信息、数据、"一览无余" | 15% |
| 海军 | 行动号召、引语、高影响力 | 10% |
| 黄金 | 强调性陈述 | 5% |
海军使用指南
| 上下文 | 价值 | 注释 |
|---|---|---|
| 完整背景 | #182B55 | 规模化富足 |
| 卡片装饰线（3像素） | #182B55 | 顶部或左侧边框 |
| 海军蓝作为正文文本 | #1d3461 | 打火机——避免在光线过暗时阅读 |
| 大标题 | #182B55 | 2rem+ 仅限 |
05 我们的标志 大师、体育与学院
大师徽标
作为品牌的核心视觉符号，该标识是所有平台品牌传播的基石。使用时必须保持原貌，确保留白区域、比例及色彩的完整性。
两种主要版本：海军蓝配白色（浅色背景，网站页眉）和白色或金色配海军蓝（深色背景，页脚）。
禁区
为标志预留空间。安全区单位等于标志的高度，位于标志四周。请勿侵入此区域，它能让标志在页面上突出显示。
体育标志——狮子队
"LIONS"盾徽标志适用于体育及团队场景。深蓝色盾面上饰有金色昂首雄狮。文字标识采用Regan Slab Ultra字体。
| 元素 | CMYK | RGB |
|---|---|---|
| 黄金 | C=3.65 M=40.6 Y=99.96 K=0.27 | 245, 149, 2 |
| 海军 | C=95.88 M=72.06 Y=40.51 K=45.47 | 11, 24, 50 |
学院制
四个学院，各具专属徽章、吉祥物与色彩体系。所有学院标识均采用凯尔特加拉蒙二号字体。
06 排版 字体与字号体系
ISJ采用双字体系统：标题使用衬线体，正文采用简洁的无衬线体。这种搭配在权威感与可读性之间取得了平衡。
| 角色 | 字体 | 注释 |
|---|---|---|
| 标题 | 自由巴斯克维尔 | 衬线体。所有标题级别和显示文本。 |
| 正文 | Roboto | 无衬线字体。段落、标题、标签。 |
| 杂项 | 阿尔玛莱 | 导航和用户界面元素。 |
字体比例
网页专用：排版规则
字体家族 在自定义代码中为标题要求使用衬线字体时。| 等级 | 尺寸（桌面） | 重量 | 用法 |
|---|---|---|---|
| 显示 | 2.8–3.5rem | 400 | 英雄宣言 |
| H1 | 2–2.4rem | 400 | 页面标题 |
| H2 | 1.6–1.8rem | 400 | 章节标题 |
| 眉毛 | 0.72rem | 700 | 大写标签 · 1.8像素间距 |
眉形
07 图片与摄影 指南
图像可能是我们使用的最具影响力的沟通工具。最出色的图像展现的是学生们在好奇、喜悦或专注的真实时刻里洋溢着快乐与投入的神情。它们突显那些独特而有趣的瞬间，这些瞬间既能讲述故事，又能唤起情感共鸣。
出色的照片同样清晰简洁，将焦点集中在学生及其经历中最关键的部分。当处理得当，这些影像能真实而有力地展现校园生活，给家长和潜在家庭留下深刻印象。
| 做 | 不要 |
|---|---|
| 捕捉真实自然的瞬间 | 舞台人造团体造型 |
| 专注于参与——好奇心、专注力、快乐 | 使用通用库存风格的图像 |
| 保持背景简洁清爽 | 包含干扰性标识或杂乱物 |
| 展现我们社区的多样性 | 仅拍摄一种类型的活动 |
| 突出绿色空间与现代化设施 | 过度使用仅限室内的照片 |
| 自然光为佳 | 过度滤镜处理或过度饱和的照片 |
08 网页设计系统 组件与代码
Squarespace平台上ISJ网站的组件库、间距规则及代码模式。
版式
| 上下文 | 最大宽度 |
|---|---|
| 文章 / 散文 | 700像素 |
| 宽幅内容（表格） | 900像素 |
| 全宽（页脚、英雄区） | 1200像素 |
| 上下文 | 桌面 | 移动 |
|---|---|---|
| 段落填充 | 60像素 40像素 | 40像素 20像素 |
| 卡片填充 | 24–28像素 | 18–20像素 |
| CTA区块 | 60像素 40像素 | 48像素 24像素 |
组件
信任网格
统计行
卡片与面板
CTA 区域与按钮
引文与笔记
导航（面包屑导航与侧边栏）
表格
页脚
悬停状态
| 元素 | 行为 |
|---|---|
| 文本链接 | 颜色 → #E79819 |
| 卡片 | translateY(-2px) + 阴影 |
| 卡片边框 | → #B0D0E8 |
| 金纽扣 | → #d08a15 |
| 表格行 | rgba(176,208,232,0.06) |
断点
| px | 变更 |
|---|---|
900 | 4栏 → 2栏 |
768 | 三栏 → 单栏；侧边栏堆叠 |
640 | 页脚折叠 |
480 | 按钮全宽 |
常见错误
| 不要 | 改为 |
|---|---|
| 默认所有部分为奶油色 | 旋转背景 |
使用 #182B55 用于小号文本 | 使用 #1d3461 或 #333 |
| 忽略淡蓝色 | 用于边框、信息面板 |
| 覆盖 Squarespace 字体 | 继承；仅为标题声明衬线字体 |
| 在代码中嵌入图片 | 拆分为块；使用图片块 |
| 所有物体的圆角处理 | 仅按钮（50px）和行动号召按钮（12px） |
| 写下"学生" | 写下"学生" |
快速参考
