> Brand kit | Dating API: https://www.datingapi.io/brand

Company / Brand kit

# A heart, standing on a stack.

The mark is the whole idea of Dating API in one shape. The heart on top is the brand members love. The layers underneath are the platform that holds it up. Rose for what members see. Indigo for what we run.

[Download the files](#files)

The Dating API mark

The logo

## Four versions. Use the first one when you can.

The full colour logo goes on white or Paper. The white version goes on Midnight or photos. One colour versions are for print, engraving and anywhere colour isn’t possible.

Dating API logo, full colourlogo.svg · on white

Dating API logo for dark backgroundslogo-white.svg · on Midnight

Dating API logo, one colour inklogo-mono-ink.svg

Dating API logo, one colour whitelogo-mono-white.svg

Stacked logologo-stacked.svg

Markmark.svg

Small markmark-small.svg · under 24 pixels

How it’s built

## Simple geometry, so it survives anything.

The heart is the classic one: a square turned on its corner with two circles on top. Two cuts run parallel to its lower edges, turning the point of the heart into a stack of layers, like the layers icon every developer knows.

-   **Clear space:** leave at least the height of the API tag on every side of the logo.
-   **Minimum size:** the full logo at 20 pixels high on screen, or 6mm in print. Below 24 pixels, use the small mark, which has one cut instead of two.
-   **The wordmark:** “dating” in Geist, with “API” set in Geist Mono inside a tag, the way developers see code.
-   **Always outlined:** the logo files need no fonts installed.

Across mediums

## From a browser tab to a stand at a conference.

App iconApp icon, indigoApp icons

Favicon

Social avatarSocial avatar

Link preview imageLink preview

**Bill Alena** Founder · bill@datingapi.io

Business card

### Keep your brand and revenue.
Lose the legacy tech.

Slide

**Bill Alena** Dating API

datingapi.io · See your app rebuilt

Email signature

Colour

## Midnight and Indigo do the work. Rose is the heart.

Rose is for the heart and for moments members feel: a like, a match. Use it sparingly and it keeps its meaning.

**Midnight** #070B1D

**Indigo** #5B5FEF

**Deep indigo** #3B3FBF · text

**Rose** #FF4D6D · graphics

**Rose text** #D0244B

**Paper** #F6F7FB

Roughly how much of each, on a typical page:

White 44 · Paper 24 · Midnight 22 · Indigo 7 · Rose 3. Mint #12B76A is for live status only.

Type

## A software voice, with one human accent.

Geist

Keep your brand.

Headlines, body and buttons. Tight and confident at large sizes.

Fraunces italic

Lose the legacy tech.

One accent phrase in a headline, never more. It carries the human side of dating.

Geist Mono

"matched": true

Labels, numbers, code and data. Everything a developer reads.

Voice

## An operator talking to operators.

Our readers run dating companies. They’re busy and they’ve heard every pitch. Respect both.

### Do Write like this

-   Short sentences. One idea each.
-   Real numbers, with a date and a source.
-   “Members”, not “users”.
-   Say what we do, then what it means for them.
-   Commas, full stops and colons. No dashes.

### Don’t Write like this

-   “Leverage our end-to-end solution suite.”
-   “Revolutionising the dating ecosystem.”
-   Numbers with no source.
-   Mocking competitors or their members.
-   Promises we haven’t put in the contract.

Please don’t

## Four ways to break it.

Recolour the layers

✕ Don’t

Rotate or tilt the logo

✕ Don’t

Put the colour logo on rose or busy photos

✕ Don’t

Add shadows, glows or outlines

✕ Don’t

Files

## Everything, ready to use.

SVG for screens and print. PNG where a platform needs it.

[**Logo, full colour** logo.svg](https://www.datingapi.io/assets/brand/logo.svg) [**Logo, for dark backgrounds** logo-white.svg](https://www.datingapi.io/assets/brand/logo-white.svg) [**Logo, one colour ink** logo-mono-ink.svg](https://www.datingapi.io/assets/brand/logo-mono-ink.svg) [**Logo, one colour white** logo-mono-white.svg](https://www.datingapi.io/assets/brand/logo-mono-white.svg) [**Logo, stacked** logo-stacked.svg and white](https://www.datingapi.io/assets/brand/logo-stacked.svg) [**Mark** mark.svg, white, mono and small](https://www.datingapi.io/assets/brand/mark.svg) [**App icons** Midnight, indigo and white](https://www.datingapi.io/assets/brand/app-icon.svg) [**App icon, 1024 pixels** app-icon-1024.png](https://www.datingapi.io/assets/brand/app-icon-1024.png) [**Link preview image** og-image.png, 1200 by 630](https://www.datingapi.io/assets/brand/og-image.png)