社交分享卡
已交付 · 已部署官网og-default 大卡 1200×630
| 大卡 og-default | 1200 × 630 | 链接预览挂全站 og:image |
| 方卡 og-square | 1080 × 1080 | 大图 / 微信 JS-SDK 缩略 |
| 图标版头像 avatar | 1024 · 512 | 公众号 / INS / 聊天头像首选 |
| favicon 家族 | ico 16·32·48 · svg · apple-touch 180 · icon 192·512 | 浏览器标签 / 主屏 / PWA |
01
基础识别
标志、色彩、字体——品牌的最小识别单元。造型为绿色有机山形 + 底部小房子，已定稿，严禁重画或规整成对称。
标志组合 · 方案三(主字标 · Avenir Next)
横版 · 品牌绿
横版 · 反白
图标 · 绿
图标 · 反白
纯字标
三套字体分工
| 套装 | 字体 | 角色 |
|---|---|---|
| 方案三 | Avenir Next Medium | ★ 主字标 · 一切正式对外 |
| 方案四 | Nunito SemiBold | 无料 / 赠品 / 贴纸 |
| 方案五 | Optima Regular | 存档备选 · 暂不用 |
对外交付 / 上网 / 送印一律用主标的 -outlined 转曲版(不依赖字体)。
用法纪律
- 安全区 四周留白 ≥ 图标里「房子」的高度
- 最小尺寸 纯图标 ≥ 24px / 8mm；横版 ≥ 120px 宽
- 浅底用品牌绿版 · 深底 / 照片用反白版 · 单色印刷用黑版
- 禁拉伸压扁 · 禁改色 · 禁阴影描边渐变 · 禁换字体重排 · 禁旋转倾斜
色彩 · 全系统只有「绿」一种有彩色
#214F37
#2B5A3E
#345C43
#16261D
#F4F0E1
#1A1A1A
#6B695F
#AEC6A0
#D6DFC3
#9DB09C
#7DA074
连绵山形浅绿阶(非文字色)。暖度靠米白、形状、文案实现，不加第二种颜色。专色以 Pantone 实体色卡比对 #214F37(深绿 5535 C / 3435 C 区间)。
字体 · 思源宋体 × EB Garamond
EB Garamond · 西文 / 数字
Little Forest
1234567890 & · —
思源宋体 Noto Serif SC · 中文
与孩子一起
去看最真实的世界
| 用途 | 字体 | 字重 / 套 | 备注 |
|---|---|---|---|
| 中文 · 正文与标题 | 思源宋体 Noto Serif SC | 400 / 500 / 600 | 官网自托管切片 · 禁负字距 · 禁斜体 |
| 西文 · 数字 | EB Garamond | 400 / 500 / 600 | 官网自托管 · 禁斜体 |
| 英文字标 · 主 | Avenir Next Medium | 方案三 | 一切正式对外场景 · 对外交付用转曲版 |
| 英文字标 · 无料 | Nunito SemiBold | 方案四 | 赠品 / 贴纸 / 轻松亲子物料 |
| 人话小注 | 楷体(系统) | — | 仅用于单行短句 |
02
系统扩展
logo 之外的图形语言与功能图标——让物料不放 logo 也一眼是小森林。一铺底 · 二点缀 · 三专题。
辅助图形 · 连绵山形 / 手绘小物 / 旅程虚线
连绵山形(主)满幅 band(左右无缝) · 页脚 footer · 分隔 divider · 反白 reversed
手绘小物(点缀)叶 · 芽 · 太阳 · 山峦 · 小屋 · 种子 · 接方案四无料
图标系统 · 19 个 · 24 网格 · 2px round · 单绿
功能图标导航 · 联系 · 业务内容;最小 16px;与手绘小物区分——小物是装饰自然图形，图标是功能 UI
03
应用物料 · 尺寸
铺到触点的成套物料，均由构建脚本可复现，改文案 / 配色重跑;送印四周 +3mm 出血。下列每项标注实际尺寸。
名片
陈伟娜 ✓ · 舒 / 张 待做陈伟娜双面 · 正=品牌面 / 背=信息面
| 成品尺寸 | 90 × 54 mm | 标准名片 |
| 渲染 | 1080 × 648 px | @2× |
| 送印出血 | → 96 × 60 mm | 四周各 +3mm · 文字距边 ≥5mm |
邮件签名
陈伟娜 ✓ · 舒 / 张 待做HTML · logo 内嵌 data URI · 表格布局全内联样式
| 签名 logo | 672 × 152 px | 透明底横版 · 需外链图床时用 |
| 字体 | web-safe | 邮件端不加载宋体 / EB Garamond |
| 配色 | 文字黑 · 绿链接 | 禁斜体 |
公众号视觉模板
已交付 · 标题为变量大图 A 山形(另有 B 深绿 / C 照片位)
| 文章大图 A / B / C | 1200 × 510 | 2.35:1 · 上传自适应 |
| 次条小图 | 800 × 800 | 1:1 列表缩略 |
| 文末品牌条 | 1200 × 520 | 关注引导 + 二维码位 |
INS 九宫格
9 帖 ✓ · 待补 4 实拍 + CTA方向 A「连山交替墙」· 定妆 9 帖整墙
| 整墙拼图 | 3240 × 3240 | @2× = 6480² · 山脊跨格缝合 |
| 单帖 | 1080 × 1080 | @2× · 深浅反色交替发布 |
| 母版 | 4 类 | 金句 / 实景 / 栏目 / Hero·CTA |
PPT 商务母版
已交付 · 三套可编辑三套 A 商务 / B 说明会 / C 路演 · 各 9 页
| 版式 | 16 : 9 | 封面/目录/章节/关于/图文/数据/案例/团队/CTA |
| 格式 | 可编辑 .pptx | 字体已嵌入(PowerPoint 开箱即用) |
| 页数 | 9 页 × 3 套 | 案例/团队/数据为示意占位待替换 |
Aa宋.ttf ×4
字体安装包
已交付 · 4 ttf + 说明团队装机一次 · WPS / 本地预览受益
| 思源宋体 Noto Serif SC | Regular · Bold | .ttf |
| EB Garamond | Regular · Bold | .ttf |
| 安装说明 | 1 份 | 双击安装 |
尺寸速查表
| Logo · 横版 / 竖版 PNG | 1200 · 2400 / 800 · 1600 | SVG 活字 + 转曲;PDF 竖·横 |
| Logo · 纯图标 PNG | 256 · 512 · 1024 | 绿 / 反白 / 单色黑 |
| Logo · 最小尺寸 | 图标 ≥24px / 8mm · 横版 ≥120px 宽 | 安全区 ≥「房子」高 |
| 图标系统 | 24 × 24 网格 · 2px round | 19 个 · 最小 16px · 单绿 |
| 社交大卡 og-default | 1200 × 630 | 链接预览 |
| 社交方卡 og-square | 1080 × 1080 | 大图场合 |
| 头像 avatar-icon | 1024 · 512 | 小尺寸头像首选 |
| favicon 家族 | 16 · 32 · 48 · 180 · 192 · 512 | 标签 / 主屏 / PWA |
| 名片 | 90 × 54 mm(+3mm 出血 → 96 × 60) | 渲染 1080 × 648 |
| 邮件签名 logo | 672 × 152 | 透明底横版 |
| 公众号大图 | 1200 × 510(2.35:1) | A 山形 / B 深绿 / C 照片位 |
| 公众号小图 / 品牌条 | 800 × 800 / 1200 × 520 | 缩略 / 文末条 |
| INS 整墙 / 单帖 | 3240 × 3240(@2× 6480) / 1080 × 1080 | 连山交替墙 |
| PPT 母版 | 16 : 9 · 9 页 × 3 套 | 可编辑 pptx 嵌字体 |