Brand assets

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

Wordmark — Ink

Light grounds, documents

SVGPNG 600PNG 1200PNG 2400

Wordmark — Blue

Light grounds, marketing

SVGPNG 600PNG 1200PNG 2400

Wordmark — White

Blue, bordeaux, photography

SVGPNG 600PNG 1200PNG 2400

Flag mark — Ink / Blue

Avatars, stamps, small spaces

Ink SVGInk PNGBlue SVGBlue PNG

Flag mark — White

On blue, bordeaux, photography

SVGPNG 256PNG 512PNG 1024

App icon & favicon

Profile pictures, touch icons, tabs

SVGPNG 1024Touch 180favicon.ico

Coin

PNGSVG

Blue

PNG

Light

PNG

Bordeaux

PNG

Blueprint

PNG

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

/* 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; }