Features Managed service Pricing Blog Free tools

Brand assets

The official Adside kit — logos, color, type and textures, ready to drop into decks, docs and posts.

Download the full kit

ZIP · 31 MB · everything on this page

Logo

The logo, wordmark and flag mark in their approved colors. SVG scales anywhere; PNGs are transparent.

All logos (.zip)

Logo — Ink

Light grounds, documents

SVG PNG 600 PNG 1200 PNG 2400

Logo — Blue

Light grounds, marketing

SVG PNG 600 PNG 1200 PNG 2400

Logo — White

Blue, bordeaux, photography

SVG PNG 600 PNG 1200 PNG 2400

Wordmark — Ink / Blue

Letters only, when the mark sits elsewhere

Ink SVG Ink PNG Blue SVG Blue PNG

Wordmark — White

Letters only, on blue, bordeaux, photography

SVG PNG 600 PNG 1200 PNG 2400

Flag mark — Pink

Bordeaux grounds only

SVG PNG 256 PNG 512 PNG 1024

Flag mark — Ink / Blue

Avatars, stamps, small spaces

Ink SVG Ink PNG Blue SVG Blue PNG

Flag mark — White

On blue, bordeaux, photography

SVG PNG 256 PNG 512 PNG 1024

App icon & favicon

Profile pictures, touch icons, tabs

SVG PNG 1024 Touch 180 favicon.ico

Coin

Blue

Light

Bordeaux

Blueprint

3D renders for decks, social posts and hero shots — shadows and grain are baked in.

Coin loader

The spinning coin for loading states. Self-contained HTML with a transparent background — drop it over any ground, light or dark. Three.js loads from a CDN.

HTML

Avatars & banners

The mark and logo pre-set on brand grounds with clearspace built in — drop straight into social profiles, covers and link previews.

White on blue

Ink on white

Blue on white

White on ink

Pink on bordeaux

Soft blue

Banner — White on blue

1600×900 1200×630

Banner — Ink on white

1600×900 1200×630

Banner — Blue on white

1600×900 1200×630

Banner — White on ink

1600×900 1200×630

Banner — Pink on bordeaux

1600×900 1200×630

Color

Click any swatch to copy its hex. Tokens are also available as CSS variables or JSON.

CSS variables JSON tokens

Brand

Ink & neutrals

Semantic

Sticker pills

The brand's sticker labels. Click a pill and type to try your own copy, then grab the CSS.

#PAID MEDIA#PAID MEDIA#PAID MEDIA#PAID MEDIA

/* Adside sticker pill */
.adside-pill {
  display: inline-block;
  padding: 1px 0; /* 1px gradient border, top & bottom only */
  border-radius: 25px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(0, 0, 0, 0.5) 100%);
}
.adside-pill > span {
  display: inline-block;
  padding: 16px 19px;
  border-radius: 24px;
  font-family: 'Sharp Grotesk DB', sans-serif;
  font-weight: 600;
  font-size: 54px;
  line-height: 1;
  white-space: nowrap;
  text-shadow:
    0 0.4px 0.4px rgba(0, 0, 0, 0.15),            /* drop shadow */
    -0.2px -0.2px 0.2px rgba(255, 255, 255, 0.25); /* inner highlight */
}

/* Colorways */
.adside-pill--sky      > span { background: #A8E1F8; color: #0144F5; }
.adside-pill--blue     > span { background: #0144F5; color: #A8E1F8; }
.adside-pill--pink     > span { background: #FFD5F3; color: #390507; }
.adside-pill--bordeaux > span { background: #390507; color: #FFD5F3; }