Skip to content

Brand Assets

Download the Zellbox logo in various formats and sizes for use in documentation, social media, and integrations.

The mark is a Z glyph inside a violet rounded square, paired with a wordmark in the same family. It signals "platform" and "calm operator workspace" rather than consumer flash — fitting for a CRM operators stare at for hours.

Full logo — dark background

Zellbox logo — dark background

Use over dark backgrounds (e.g. landing hero, slide decks with dark themes).

Download PNG

Full logo — white background

Zellbox logo — white background

Default everyday use over white or very light backgrounds.

Download PNG

Full logo — transparent background

Download PNG — wordmark-only on transparent. Use when compositing the brand wordmark over a custom background.

Icon

Zellbox icon

Standalone violet Z tile for favicons, app icons, and compact spaces.

Download 1024px | 512px | 256px | 128px | 64px | 32px

PNG Icon Sizes

Pre-rendered PNG files at common sizes.

PreviewSizeUse caseDownload
32 × 32FaviconPNG
64 × 64Tab icon, small UIPNG
128 × 128App icon, thumbnailsPNG
256 × 256Social avatar, docsPNG
512 × 512High-res, printPNG
1024 × 1024Meta App icon, store listings, Apple TouchPNG

SVG (vector)

For perfect scaling at any size — favicon strips, embedded marks, or when generating new sizes.

Social & Open Graph

Ready-to-use image for Open Graph meta tags, Twitter cards, and link previews.

Zellbox OG card

1200 × 630 px — optimised for social media link previews.

Download PNG

BIMI Logo (Email)

SVG Tiny PS format for BIMI (Brand Indicators for Message Identification). This logo appears next to emails from @support.zellbox.com in supported email clients (Gmail, Apple Mail, Fastmail).

Download SVG

Brand Colors

The primary palette used across the Zellbox brand. Slate-indigo violet is the primary; the dark navy is the chrome accent (sidebar, dark hero); the semantic colours (emerald, amber, red) are reserved for app state — never used as brand accents to avoid colliding with success / warning / error signals inside the product.

Primary
#4C53A5
Primary Deep
#3F44A2
Primary Soft
#B2B6E3
Dark Chrome
#0F0F23
Success
#34D399
Warning
#F59E0B
Error
#E11D48

Typography

Zellbox uses Inter (variable) for all UI and brand surfaces. Inter is free, open-source, and ships natively in every modern OS rendering pipeline. Weights: 400 (body), 500 (interactive), 700 (display).

Fall-back stack: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif.

Usage

  • Do preserve clearspace around the logo equal to half the height of the Z tile.
  • Do use the violet #4C53A5 tile on its own when space is constrained.
  • Don't recolour the Z glyph or change its tile background to a colour outside the palette.
  • Don't rotate, skew, or apply drop shadows to the mark.
  • Don't place the dark-text wordmark on a violet background — contrast is insufficient. Use the white-text variant instead.

Zellbox documentation