One brand color, derived directly from the Z·Pilot logo. One typographic scale. One set of components — applied consistently across web, H5 and the future mini-program. 一个品牌主色,直接取自 Z·Pilot Logo;一套字号阶梯;一套组件——在官网、H5 与未来小程序间保持一致。
The wordmark is the single source of brand color. Give it clear space equal to the height of the mark on all sides; never recolor or place it on a busy background.字标是品牌色的唯一来源。四周保留与标识等高的留白;不得改色,不置于杂乱背景之上。
AI NativeThe brand pink is sampled exactly from the logo — #CD5E9D (a soft mauve-pink, not hot magenta). Every pink surface derives from this one value. There is no alternate scheme.品牌粉精确取自 Logo —— #CD5E9D(柔和的藕粉,而非荧光玫红)。所有粉色界面均由这一基准色派生,不提供其他配色方案。
English in Inter, Chinese in Noto Sans SC (思源黑体), display accents in Plus Jakarta Sans. One shared scale keeps PC, H5 and mini-program aligned.英文用 Inter,中文用 思源黑体 Noto Sans SC,标题强调用 Plus Jakarta Sans。统一阶梯使 PC、H5 与小程序保持一致。
Soft, single-layer shadows and calm easing. No bounce, no spring — the product should feel precise, not playful.柔和的单层阴影与平稳缓动。不弹跳、不回弹——产品要显得精确,而非花哨。
| --ease | cubic-bezier(0.22, 1, 0.36, 1) |
| --t | 200ms var(--ease) |
| --maxw | 1200px — content max width— 内容最大宽度 |
| --pad-x | 64px / 24px on mobile移动端 |
Every screen is built from this kit. Pink is reserved for the primary action and active state — used sparingly, it reads as a brand signal, not decoration.所有页面均由这套组件搭建。粉色只用于主操作与选中态——克制使用,作为品牌记号而非装饰。
.en / .zh spans; the EN/中 toggle swaps the whole product, including form placeholders. User-entered project content is not force-translated.
双语原生。每个文案都以成对的 .en / .zh 提供;EN/中 切换会同步整站,包括表单占位符。用户填写的项目内容不强制翻译。