Appearance
Brand Assets
Download the Zellbox logo in various formats and sizes for use in documentation, social media, and integrations.
Logo
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

Use over dark backgrounds (e.g. landing hero, slide decks with dark themes).
Full logo — white background

Default everyday use over white or very light backgrounds.
Full logo — transparent background
Download PNG — wordmark-only on transparent. Use when compositing the brand wordmark over a custom background.
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.
| Preview | Size | Use case | Download |
|---|---|---|---|
| 32 × 32 | Favicon | PNG | |
| 64 × 64 | Tab icon, small UI | PNG | |
| 128 × 128 | App icon, thumbnails | PNG | |
| 256 × 256 | Social avatar, docs | PNG | |
| 512 × 512 | High-res, print | PNG | |
| 1024 × 1024 | Meta App icon, store listings, Apple Touch | PNG |
SVG (vector)
For perfect scaling at any size — favicon strips, embedded marks, or when generating new sizes.
- Icon (rounded square +
Z) - Wordmark — dark text — for use on light backgrounds
- Wordmark — white text — for use on dark backgrounds
Social & Open Graph
Ready-to-use image for Open Graph meta tags, Twitter cards, and link previews.

1200 × 630 px — optimised for social media link previews.
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).
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
Ztile. - Do use the violet
#4C53A5tile on its own when space is constrained. - Don't recolour the
Zglyph 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.