twinhoods

Brand

How to write and show Twinhoods. If you’re writing about us, the press page has the story and the logo files are below. Neon pink, two pins, one heart.

Download logos and press kit

Name and voice

Write Twinhoods: one word, capital T in running text. The logotype is lower case, twinhoods, with “twin” heavier. The slogan is “Translate any city into yours.”

Twinhoods translates: a city is translated into another city, the way a book is translated into a language.

The mark

Two map pins, tilted towards each other until their tips meet and form a heart. The left pin is darker, the right lighter, and both pin holes always show. It stands for the idea: two places, one feeling.

The Twinhoods mark in hot pink and light pink on a near-black groundON DARK · #e8326f + #ff9cc2
The Twinhoods mark in deep pink and pink on a light grey groundON LIGHT · #940f43 + #e0306f

Clear space

Keep at least x free on every side, where x is the diameter of one pin head. Nothing else goes inside the dashed line.

favicon 16 px
24 px
120 px wide

Minimum size

The horizontal logo: 120 px wide. The mark with its holes: 24 px tall. Smaller than that, use the favicon (down to 16 px).

Don’t

Wordmark

Set in Gabarito: “twin” at weight 800, “hoods” at 500, letter-spacing −0.035em, all lower case. In the horizontal logo the mark sits to the left, a little taller than the type size, with a gap of a little under half the type size; in the vertical logo it sits centred above the name. Use the logo files rather than typing it: their letters are outlined, so they need no font.

twinhoods

Colour

Neon pink is the brand and the interface accent. The site has two themes, Night and Paper; each colour has a value for each. There is no mint green and no brand red. Click a swatch to copy its hex.

Night (dark)

Paper (light)

The favicon, app icon and profile picture use the Night pins (#e8326f and #ff9cc2) on a Night (#04060c) rounded square.

Type

GabaritoDisplay and wordmark · 500, 800

Translate any city into yours.

InterInterface and body text

Every neighbourhood gets the name of its closest match in the city you know.

Barlow CondensedSplit-flap board · 500, 600

Neukölln → Dalston

JetBrains MonoCodes, coordinates, small caps lines · 500

BER · LON · 52.52° N 13.40° E

All four are open-source (SIL Open Font License) and free to download from Google Fonts.

Map colours

On the map, each neighbourhood is coloured by its family: the kind of place it most stands out as within its own city. These colours belong to the map only, never to the logo.

FamilyNightPaper
Nightlife
Creative
Upscale
Historic
Business
Residential
Waterside
Food & mix

Downloads

Everything below is also in the press kit (ZIP). PNGs have transparent backgrounds. “On dark” files are for dark grounds, “on light” for light ones.

FileUseFormats
Mark, on darkThe two-pin heart for dark groundsSVGPNG 512PNG 1024
Mark, on lightThe two-pin heart for light groundsSVGPNG 512PNG 1024
Logo, on darkMark and wordmark togetherSVGPNG 1024PNG 2048
Logo, on lightMark and wordmark togetherSVGPNG 1024PNG 2048
Vertical logo, on darkThe mark above the wordmarkSVGPNG 1024PNG 2048
Vertical logo, on lightThe mark above the wordmarkSVGPNG 1024PNG 2048
App iconThe dark pins on a Night rounded square, for listings and avatarsSVGPNG 512PNG 1024
FaviconThe app icon at browser-tab sizesICOPNG 163248180192