浅色背景
深色背景
让 DraPub 在每个触点上保持一致
下载当前 DraPub 标志、颜色参考和使用规范，用于产品页面、媒体露出、合作材料和发布物料。
稿港
SVG 源文件PNG 导出使用规范
Logo 资产
优先使用 SVG 标志。需要明确对比度的场景，可以使用固定黑色或白色版本。
浅色背景
深色背景
位图导出
透明 PNG 标志
当发布平台不能稳定渲染 SVG 时使用 PNG。媒体资料和大尺寸演示优先使用 1024px 版本。
浅色背景
深色背景
应用图标
DraPub 银色金属应用图标
以缎面银色标志、发亮边缘和石墨黑底板组成的高质感图标，适合应用入口和需要突出品牌的产品场景。
核心色板
DraPub 使用深色编辑台氛围和苔绿色品牌强调。绿色只用于链接、行动按钮、审核状态和品牌关键时刻。
主背景
#0D0E0D · --color-bg-primary
官网主背景和深色资产预览画布。
主文字
#F7F8FA · --color-text-primary
标题、标签和高对比前景。
品牌强调
#B6C88B · --landing-accent
链接、焦点状态和克制的品牌强调。
强强调
#DDE8BF · --landing-accent-strong
主行动按钮和高优先级品牌瞬间。
字标与正文
产品界面中使用 DraPub 字标组件。辅助文案沿用网站字体系统，保持清晰、具体、冷静。
稿港
把长期积累的内容资产转成可审核、可发布、可复盘的平台草稿包。
英文品牌名DraPub
中文品牌名稿港
表达语气清晰、具体、克制
保持标志清晰、完整、可识别
DraPub 标志应该呈现精确、编辑感的气质。使用时保留足够空间、保证对比度，避免影响可读性的装饰处理。
建议
- 浅色背景使用黑色标志，深色背景使用白色标志。
- 标志周围至少保留相当于标志宽度四分之一的留白。
- 需要跟随上下文颜色时，使用 currentColor 版本 SVG。
- 需要稳定方形容器时，使用 app icon。
避免
- 不要拉伸、倾斜、旋转、描边或给标志添加特效。
- 不要把标志放在低对比图片或复杂背景上。
- 不要重新给固定黑白导出版本改色。
- 不要用无关展示字体重做字标。
不确定时就多留一点空间。标志不应该贴边，也不应该紧贴其他 logo 或正文。