Brand

Pingspace Brand Guidelines

The Pingspace logo, color palette, and typography, and how to use them consistently across decks, docs, and the web.

Logo

The mark

Use the logo files below as-is. Don’t redraw it, recolor it outside the approved colourways, or reconstruct it from a screenshot. Each lockup is available in four colourways as PNG.

Horizontal

The primary lockup. Use it wherever there’s enough width, in headers, footers, decks, and email signatures.

Pingspace horizontal logo in Midnight Navy
Midnight NavyDownload PNG
Pingspace horizontal logo in Deep Teal
Deep TealDownload PNG
Pingspace horizontal logo in Light Gray
Light GrayDownload PNG

Vertical

For tighter, taller spaces, like square social posts, signage, and cover pages.

Pingspace vertical logo in Midnight Navy
Midnight NavyDownload PNG
Pingspace vertical logo in Deep Teal
Deep TealDownload PNG
Pingspace vertical logo in Light Gray
Light GrayDownload PNG

Icon

The mark on its own, no wordmark. For avatars, favicons, and anywhere the wordmark won’t read.

Pingspace icon logo in Midnight Navy
Midnight NavyDownload PNG
Pingspace icon logo in Deep Teal
Deep TealDownload PNG
Pingspace icon logo in Light Gray
Light GrayDownload PNG

Usage

Keep it clean

Give the mark room to breathe, and leave it exactly as designed. A few things to avoid:

  • Don't recolor it

    Only the four approved colourways above.

  • Don't rotate or skew it

    The mark is always upright.

  • Don't stretch it

    Scale proportionally, never distort.

  • Don't add effects

    No shadows, outlines, or gradients.

Clear space

Pingspace icon

Keep clear space around the mark at least equal to the icon’s own height on every side. Don’t let text, edges, or imagery crowd closer than that.

Color

Palette

Midnight Navy and Deep Teal carry the brand; the accent range brings warmth and depth for gradients and highlights. Neutrals are for text, backgrounds, and UI, not the logo.

Primary

Midnight Navy

#2C3E50

Deep Space Blue

#34495E

Deep Teal

#1E526A

Accent

Deep

#0A1F1F

Deep Cyan

#397992

Cyan

#4F92A6

Aqua Haze

#A0DADC

Sky Blue

#7BD7FF

Teal

#009AB2

Neutral

Ink

#1D1D1F

Ink 2

#424245

Ink 3

#6E6E73

Light Gray

#ECF0F1

Lightest Gray

#F4F4F4

Soft

#F5F5F7

White

#FFFFFF

Typography

Altone

Altone is the Pingspace typeface, used across the site and in product UI. It ranges from Thin to Heavy. Headings generally sit at SemiBold/Bold, body copy at Light/Regular.

Light · 300Pingspace Aa Bb Cc 123
Regular · 400Pingspace Aa Bb Cc 123
Medium · 500Pingspace Aa Bb Cc 123
SemiBold · 600Pingspace Aa Bb Cc 123
Bold · 700Pingspace Aa Bb Cc 123
ExtraBold · 800Pingspace Aa Bb Cc 123
Heavy · 900Pingspace Aa Bb Cc 123

Need something these guidelines don’t cover?

Co-branding, press use, or a format we haven’t listed? Reach out and we’ll help you get it right.

Contact us