No card needed to start. Pay in your first week for 30% off.See pricing
  • DraPub
  • HomePricingBlogDocs
  • Sign in
DraPub

Product notes, only when there is something useful

Short updates about credits, workflow design, content automation, and the local agent path.

Product

  • Inbox
  • Topics
  • Draft review
  • Publishing schedule
  • Social management
  • Data receipts
  • Skill management

Developers

  • API keys
  • Agent Skill
  • MCP integration
  • CLI
  • Self-hosting

Resources

  • Docs
  • Best practices
  • Pricing
  • Changelog
  • Roadmap
  • Contact
  • Brand assets
  • Privacy
  • Terms
raPub
Brand assets

Use DraPub consistently across every surface

Download the current DraPub mark, color references, and usage notes for product pages, media mentions, partner decks, and publishing materials.

DraPub
SVG sourcePNG exportsUsage rules
Downloads

Logo assets

Use the SVG mark whenever possible. Fixed black and white variants are available for surfaces that need explicit contrast.

Light backgroundDraPub mark
Dark backgroundDraPub mark
Primary mark

DraPub mark

The clean D-shaped mark with a p-shaped negative space. Use it for product surfaces, media kits, avatars, and compact partner placements.

Themeable SVGBlack SVGWhite SVG
Light backgroundDraPub transparent PNG mark
Dark backgroundDraPub transparent PNG mark
Raster exports

Transparent PNG mark

Use the PNG files when a publishing surface cannot render SVG cleanly. Prefer the 1024px version for press and large presentation materials.

Black PNG 1024White PNG 1024Black PNG 512White PNG 512
Light backgroundMetallic silver DraPub app icon
Dark backgroundMetallic silver DraPub app icon
App icon

Metallic DraPub app icon

A premium launcher icon with a satin-silver mark, luminous edges, and a graphite-black frame. Use it for app launchers and high-impact product placements.

Icon PNG 1024Icon PNG 512
Color

Core palette

DraPub uses a dark editorial base with moss-green accents. Keep green meaningful: links, calls to action, review status, and brand moments.

Primary surface

#0D0E0D · --color-bg-primary

Main marketing background and dark asset canvases.

Primary text

#F7F8FA · --color-text-primary

Headlines, labels, and high-contrast foregrounds.

Brand accent

#B6C88B · --landing-accent

Links, focus states, and restrained brand highlights.

Accent strong

#DDE8BF · --landing-accent-strong

Primary actions and high-emphasis brand moments.

Typography

Wordmark and copy

Use the DraPub wordmark component for product UI. Supporting copy follows the site type system and should stay quiet, direct, and operational.

DraPub

Turn collected sources into reviewable, platform-ready content drafts.

English brand nameDraPub
Chinese brand name稿港
ToneClear, concrete, calm
Usage

Keep the mark legible and intact

The DraPub mark should feel precise and editorial. Give it room, preserve contrast, and avoid decorative treatments that make it harder to read.

Do

  • Use the black mark on light backgrounds and the white mark on dark backgrounds.
  • Keep clear space around the mark at least equal to one quarter of its width.
  • Use the themeable SVG when the mark should inherit the surrounding text color.
  • Use the app icon when the mark needs a stable square container.

Do not

  • Do not stretch, skew, rotate, outline, or add effects to the mark.
  • Do not place the mark on low-contrast images or busy backgrounds.
  • Do not recolor the fixed black and white exports.
  • Do not rebuild the wordmark with unrelated display fonts.
Clear space

When in doubt, use more space. The mark should never touch an edge, another logo, or body copy.