Skip to content

Mga Brand Asset

I-download ang Zellbox logo sa iba't ibang format at sukat para gamitin sa dokumentasyon, social media, at integration.

Ang mark ay isang Z glyph sa loob ng violet na rounded square, na may kasamang wordmark sa parehong pamilya. Nagpapahiwatig ito ng "platform" at "kalmadong operator workspace" sa halip na consumer flash — akma para sa CRM na tinitingnan ng mga operator ng ilang oras.

Buong logo — madilim na background

Zellbox logo — madilim na background

Gamitin sa mga madilim na background (hal. landing hero, slide deck na may madilim na tema).

I-download ang PNG

Buong logo — puting background

Zellbox logo — puting background

Default na pang-araw-araw na gamit sa puting o napakaliwanag na background.

I-download ang PNG

Buong logo — transparent na background

I-download ang PNG — wordmark-only sa transparent. Gamitin kapag nag-co-composite ng brand wordmark sa ibabaw ng custom na background.

Icon

Zellbox icon

Standalone violet na Z tile para sa favicon, app icon, at maliit na espasyo.

I-download ang 1024px | 512px | 256px | 128px | 64px | 32px

Mga sukat ng PNG icon

Mga pre-rendered na PNG file sa karaniwang sukat.

PreviewSukatGamitDownload
32 × 32FaviconPNG
64 × 64Tab icon, maliit na UIPNG
128 × 128App icon, thumbnailPNG
256 × 256Social avatar, mga docPNG
512 × 512High-res, printPNG
1024 × 1024Meta App icon, store listing, Apple TouchPNG

SVG (vector)

Para sa perpektong scaling sa kahit anong sukat — favicon strip, embedded mark, o kapag bumubuo ng mga bagong sukat.

Social at Open Graph

Ready-to-use na imahe para sa Open Graph meta tag, Twitter card, at link preview.

Zellbox OG card

1200 × 630 px — na-optimize para sa social media link preview.

I-download ang PNG

BIMI Logo (Email)

SVG Tiny PS format para sa BIMI (Brand Indicators for Message Identification). Ang logong ito ay lumalabas sa tabi ng mga email mula sa @support.zellbox.com sa mga sinusuportahang email client (Gmail, Apple Mail, Fastmail).

I-download ang SVG

Mga kulay ng brand

Ang pangunahing palette na ginagamit sa buong Zellbox brand. Ang slate-indigo violet ang pangunahing; ang madilim na navy ang chrome accent (sidebar, dark hero); ang mga semantic na kulay (emerald, amber, red) ay nakareserba para sa app state — hindi kailanman ginagamit bilang brand accent para iwasan ang pagsalpok sa success / warning / error na signal sa loob ng produkto.

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

Typography

Gumagamit ang Zellbox ng Inter (variable) para sa lahat ng UI at brand surface. Ang Inter ay libre, open-source, at native na nag-ship sa bawat modernong OS rendering pipeline. Mga bigat: 400 (body), 500 (interactive), 700 (display).

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

Paggamit

  • Gagawin panatilihin ang clearspace sa paligid ng logo na katumbas ng kalahati ng taas ng Z tile.
  • Gagawin gamitin ang violet #4C53A5 tile lamang kapag siksik ang espasyo.
  • Huwag kulayan muli ang Z glyph o palitan ang background ng tile sa kulay na labas ng palette.
  • Huwag i-rotate, i-skew, o lagyan ng drop shadow ang mark.
  • Huwag ilagay ang dark-text wordmark sa violet na background — hindi sapat ang contrast. Gamitin ang white-text variant.

Zellbox documentation