流体之水
FLOW · CONTINUITY · PATHP 的形态由水的流体曲线构筑，而非几何硬边。从顶部水珠跃起到尾端旋涡下行，每一道曲线都对应供应链中一个流转节点。水是 PILAPP 的形态语言——无定形而能容万物，无边界而贯通九州。
PILAPP
派拉披披科技
BRAND LOGO DESIGN BOOK品牌 Logo 设计书
v2.3 · 2026.08.06
水火之象 · 水为形 / 火为魂 / 土为承设计理念 · 水火之象
PILAPP 的标志以东方“水火既济”为意象根基——曲水为形，橙火为魂，土黄为承。三者共构了一个“流动中蕴含温度、理性中蕴含生机”的技术品牌系统。
升腾之火
WARMTH · ENERGY · BREAKTHROUGHP 的负空间内包裹着一抹珊瑚橙火苗——它由内而外升腾，是数据流深处的温度信号。火代表突破瓶颈的引擎、激活生态的热源、化繁为简的初心。
朴质之土
GROUND · TRUST · ENDURANCE米色 Cream 承载，冷色 Navy 锚定。朴素的底色让流体与火焰得以呼吸，深沉的海军蓝为文字与代码提供稳重支点，是 PILAPP 对“务实”最直白的视觉承诺。
“水生而不争，火明而不燥，土厚而不滞——三者既济，乃成 PILAPP。我们不只是在绘制一个标识，而是在描述一种关系：物流如水流、技术如暖阳、承诺如大地。”
— PILAPP 品牌设计团队 · 2026
标志构造与矢量化
新版 Logo 基于 265×322 的高瘦比画布构建，由 37 条贝塞尔路径、9 个色层共同编织而成。所有元素以矢量参数记录，可在小尺寸图标到户外广告之间自由缩放。
500 × 500 px · RGBA265 × 322 · PNG ORIGINAL
265 × 322 · PNG ORIGINAL矢量构造参数
- 基础画布
- 265 × 322 px
- 高宽比
- 1.22 : 1
- 路径数量
- 37 bezier paths
- 色层结构
- 9 stacked layers
- 主色层
- Navy + 4 蓝梯度
- 强调层
- Coral · 4%
- 底色承载
- Cream
- 输出格式
- SVG · PDF · PNG
Web 端优先使用可缩放资源，印刷使用矢量 PDF，位图场景使用 PNG @2x/@3x。所有曲线、安全空间与颜色均遵循同一套品牌参数。
标准组合与变体
四种官方组合形式对应不同使用场景。所有变体均保持固定比例，不得任意重排图标与文字。
V1 · HORIZONTAL
横向标准组合
官网头部、名片、商务文档与横向空间
V2 · VERTICAL
纵向堆叠组合
海报封面、Loading 页、PPT 封面与灯箱
V3 · ICON ONLY
纯图标
App Icon、社交头像、Favicon 与品牌徽章
V4 · WORDMARK
纯文字标志
狭长空间、字幕条、文档页眉与水印
浅色版本使用场景（白 / 浅灰 / 中灰）
浅色版本针对深色或复杂摄影背景优化可读性。当背景明度低于 50% 时，应在白、浅灰与中灰之间选择，避免纯白过曝，也避免灰度模糊。对比度需满足 WCAG AA（≥ 4.5:1）。
PURE WHITE · #FFFFFF最强对比 · 视频片头
LIGHT GRAY · #E5E5E5柔和不刺眼 · 摄影叠加
MID GRAY · #999999低调克制 · 终端日志WARM WHITE · #FBFBFB暖意保留 · 高端展览视频片头 / 片尾
短视频、企业宣传片、纪录片，在深色画面上瞬间聚焦。
摄影 / 插画叠加
复杂背景上的品牌水印，浅灰可降低视觉锐度。
终端控制台
CLI 启动 banner 与 debug 输出，中灰符合 IDE 视觉权重。
主色背景
Electric Blue 或 Warm Coral 上必须保证足够对比。
展会灯箱 / LED
深色展位、易拉宝与灯箱广告，远距保持识别。
游戏 / 直播特效
荧光环境中的加载画面和直播礼物动效。
- 纯白仅用于必须获得最强对比的场景；摄影叠加优先浅灰，控制台优先中灰。
- 浅色版本不保留珊瑚橙火苗，全部元素统一为单色。
- 彩色版与浅色版同时适用时，优先使用彩色版。
深色版本使用场景（黑 / 深炭 / 暖灰）
深色版本将图标统一为黑至中灰阶，适用于浅色、单色和低成本印刷场景。印刷优先级为纯黑、深炭、中灰与暖灰。
PURE BLACK · #000000最强对比 · 印刷品
CHARCOAL · #1A1A1A柔化边缘 · 激光雕刻MID GRAY · #999999低调叠加 · 水印副层
WARM GRAY · #F5F5F0同源底层 · 高端封面传真 / 票据
合同盖章、票据与收据，纯黑最大化还原。
黑白媒体
报纸、企业内刊与黑白打印材料。
激光雕刻 / 蚀刻
亚克力、金属与玻璃门牌，深炭柔化边缘。
纺织品刺绣
工服、帽子与帆布袋，中灰更显精致。
印章 / 戳记
合同章、收发章与骑缝章，纯黑保证附着。
法律 / 公文
正式公文、公证材料和政府申报文件。
- 纯黑用于印刷与印章，深炭用于雕刻，中灰用于水印副层。
- 全部元素统一为单色，不保留珊瑚橙火苗。
- 预算允许彩色印刷时，应优先使用彩色版本。
一般暗黑模式使用
暗黑模式中使用系统化灰阶实现视觉降噪，让 Logo 清晰可辨但不抢夺内容焦点。推荐浅灰 Logo（#E5E5E5）搭配 #121212 深色界面。
PILAPPPILAPPPILAPPPILAPP$ pilapp init\n→ load PILAPP logo…\n$ pilapp deploy\n✓ success
#E5E5E5#B8B8B8#999999#666666#1A1A1A
- 一般暗黑模式建议使用浅灰 #E5E5E5，避免 OLED 屏幕上的纯白刺眼。
- 深色界面优先保留品牌彩色版，仅在视觉权重过高时切换灰阶。
- Logo 应融入界面而不是突出，用较低对比度弱化视觉锤感。
安全空间
Logo 周围必须保持最小安全空间 X，任何文字、边框和其他元素不得进入安全区域。
XXXX
安全空间规则
X 等于图标高度 H 的 25%。水平方向左右各保留 X，垂直方向上下各保留 X。导航栏高度受限时，垂直安全空间可缩减至 0.5X，但水平方向不得缩减。
X = H × 0.25H = Logo 图标高度 · 从图标最外缘像素起算最小使用尺寸
低于最小尺寸时，火苗与水珠细节将无法清晰呈现。不同介质与变体应遵循各自的最小尺寸。
14 × 17 pxFavicon仅 V1 单色24 × 30 pxApp Icon 小仅纯色版32 × 40 pxApp Icon 标准彩色可识别48 × 60 px导航栏 / 角标全部清晰96 × 118 px网页头部火苗清晰8 × 10 mm印刷最小纯黑可印36 × 44 pxPPT 角标V1 推荐64 × 78 px社媒头像V1 推荐品牌色板
PILAPP 色彩系统由 6 个核心色与 5 个辅助色构成。Cream 米色作为承载色，确立“水冷火暖土承”的色彩哲学。点击任意色卡即可复制 HEX。
核心色 PRIMARY · 水冷火暖
辅助色 SECONDARY · 沉稳中性
推荐配色比例
55%25%9%7%4%
字体规范 · 排列方式 · 场景图示
中文标题采用宽扁、稳重的展示字体风格，英文 PILAPP 字标使用 Plus Jakarta Sans Black 800 / Montserrat Black 900 作为商用替代。Logo 内字形不可被普通正文直接替换。
Plus Jakarta Sans Black 800 · letter-spacing -2.5px
展示字体 · letter-spacing 6px
40px · line-height 1.2
26px · 中英混排
16px · line-height 1.8
排列方式 · 4 种官方组合
官网头部、名片、商务文档与横向空间
海报封面、Loading 页、PPT 封面与灯箱
App Icon、社交头像、Favicon 与品牌徽章
狭长空间、字幕条、文档页眉与水印
错误使用示例
以下为常见错误与正确方式。任何偏离本设计书规范的使用都应立即纠正。
替换色系
禁止替换为其他色系
拉伸变形
禁止改变宽高比
旋转倾斜
禁止任何角度旋转
添加效果
禁止投影、发光和描边
低对比度
禁止在相近色背景使用彩色版
超饱和
禁止提亮或改变色温
保持原色
始终使用品牌标准配色
保持比例
始终等比缩放
保持水平
始终水平或竖直放置
应用示例
以下展示 Logo 在典型场景中的标准应用方式。每个示例均标明推荐组合、背景处理和安全空间要求，实际输出时应使用官方高分辨率或矢量资产。
PILAPP使用提示 图标置于独立 Cream 色块，品牌名与导航分层排列；高度受限时仍须保留至少 0.5X 的垂直安全空间。
PILAPP派拉披披科技
张明 / 产品总监
138-0000-0000
zhangming@pilapp.com
使用提示 左侧 Cream 承载品牌图标，右侧 Deep Navy 承载品牌名与联系信息；不得改变左右分区比例。
LIGHTDARKWARM使用提示 仅使用独立图标。浅底使用彩色版，深色与暖色底使用白色单色版，并保持四周至少 20% 留白。
张明产品总监 · PILAPP 派拉披披科技zhangming@pilapp.com · 138-0000-0000
使用提示 使用紧凑图标与信息区组合；姓名为第一视觉层级，联系方式使用中性灰，左侧 Coral 线作为轻量强调。
让物流如水般流动
PILAPP · 2026 Q3 战略发布
使用提示 深色 16:9 封面使用浅色标志，标题与发布信息左对齐；标志不得与标题或装饰图形争夺视觉中心。
© 2026 PILAPP · WATER & FIRE16:9 · TITLE SAFE使用提示 深色画面使用白色单色图标，主体居中并保持安全区；版权信息放在边缘安全线以内，避免贴边和过度放大。
OFFICIAL BRAND ASSETS
下载品牌资产
PNG · v2.3 · 2026.08.06
合作方接入资源
与 PILAPP 合作的网站和产品，可使用官方开源资源快速接入“技术支持 / Powered by”品牌徽章。仓库提供现成代码、组件、品牌资产及 AI 编码工具说明。
PILAPP OPEN SOURCE
在 GitHub 查看资源 ↗pilapipi / pilapp-resources
适用于 HTML / CSS、React、WordPress、Vue、Nuxt 与 Svelte，并提供 Claude Code 和 OpenAI Codex 接入资源。
- 品牌徽章
- 前端组件
- AI Skill
- MIT License