Brand assets

Logos, favicons, OG images, and usage guidelines. All assets are served from the Kardolive CDN — use these URLs directly, no need to host copies.

Square icon

For favicons, mobile app icons, avatar slots, sidebar brand chips, anywhere with a square space.

logo-icon-64.png · 64×64

https://kardocloud.com/brand/logo-icon-64.png

~5 KB · use as favicon, inline avatar

logo-icon-128.png · 128×128

https://kardocloud.com/brand/logo-icon-128.png

~16 KB · sidebar brand, mid-size cards

logo-icon-256.png · 256×256

https://kardocloud.com/brand/logo-icon-256.png

~53 KB · apple-touch-icon, large cards

logo-icon-512.png · 512×512

https://kardocloud.com/brand/logo-icon-512.png

~167 KB · OG image, hero / loading screens

High-res master (1254×1254)

logo-icon.png

https://kardocloud.com/brand/logo-icon.png

~660 KB · authoritative source; don't link from web pages

Horizontal wordmark

For headers, sidebars, login pages, marketing surfaces. Use the horizontal wordmark when there's room.

logo-horizontal-240.png · 240×180

https://kardocloud.com/brand/logo-horizontal-240.png

~9 KB · tight headers, mobile

logo-horizontal-480.png · 480×360

https://kardocloud.com/brand/logo-horizontal-480.png

~28 KB · desktop headers, login pages

High-res master (1448×1086)

logo-horizontal.png

https://kardocloud.com/brand/logo-horizontal.png

~179 KB · marketing PNG export source

Usage in your own app

HTML — favicons + OG image

<link rel="icon" type="image/png" sizes="64x64"  href="https://kardocloud.com/brand/logo-icon-64.png">
<link rel="icon" type="image/png" sizes="128x128" href="https://kardocloud.com/brand/logo-icon-128.png">
<link rel="apple-touch-icon" sizes="256x256" href="https://kardocloud.com/brand/logo-icon-256.png">
<meta property="og:image" content="https://kardocloud.com/brand/logo-icon-512.png">

React / JSX — sidebar brand chip

<img
  src="https://kardocloud.com/brand/logo-icon-128.png"
  alt="Kardolive"
  width={28} height={28}
  style={{ borderRadius: 6 }}
/>

CSS — background image (sidebars, login)

.brand-chip::before {
  content: '';
  display: inline-block;
  width: 28px; height: 28px;
  background-image: url('https://kardocloud.com/brand/logo-icon-128.png');
  background-size: contain; background-repeat: no-repeat;
}

Stream brand overlay (via interactive API)

To watermark your own live streams with the Kardolive logo (or your own), use the spotlight API:

POST /v1/me/interactive/spotlight/<streamId>
{
  "brandLogoUrl":  "https://kardocloud.com/brand/logo-icon-128.png",
  "brandPosition": "bottom-right"
}

"Powered by Kardolive" badge

Every hosted scenario (/scenarios/*) automatically displays a small "Powered by Kardolive" badge bottom-right. It's injected by the shared scenario library. To suppress it on a specific page (e.g. for white-labelled embeds), set:

<body data-kl-no-badge="true">

Caching & performance

All brand assets are served with Cache-Control: public, max-age=604800 (1 week). They're delivered via CloudFront, geo-cached at edge locations. Average cold-load latency: 30–80 ms. Subsequent loads: 0 ms (browser cache).

Guidelines

Don't recolor the logo. Use the colored variant on dark or light backgrounds. The clipart includes a soft outline that works on both.
Don't crop or distort. Always keep aspect ratio. Use the sized variants — don't stretch a 64×64 to 256×256, request the right one.
Always link the high-res master in OG metadata, never the 64×64 — Facebook and X downsize themselves and the bigger source produces sharper share-cards.
"Powered by Kardolive" attribution in your embed footers is appreciated but not required for paid customers.

Interactive livestream → · Live streaming → · Auth & tokens →