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.
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.
- WriteTwinhoods
- NotTwinHoods, Twin Hoods, twinhoods.com as the name
- WriteBerlin, translated into Istanbul
- NotBerlin in Istanbul names
- WriteNeukölln is the Dalston of London
- Write99% same vibe
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.
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.
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
-
No solid heartThe pin holes always show.
-
No white halvesNot white pins on a colour; use a dark or light ground.
-
Don’t rotate or stretchThe tips meet straight down.
-
Don’t recolour or redrawOnly the two pink pairs below, from the files.
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.
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
Translate any city into yours.
Every neighbourhood gets the name of its closest match in the city you know.
Neukölln → Dalston
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.
| Family | Night | Paper |
|---|---|---|
| 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.
| File | Use | Formats |
|---|---|---|
| Mark, on dark | The two-pin heart for dark grounds | SVGPNG 512PNG 1024 |
| Mark, on light | The two-pin heart for light grounds | SVGPNG 512PNG 1024 |
| Logo, on dark | Mark and wordmark together | SVGPNG 1024PNG 2048 |
| Logo, on light | Mark and wordmark together | SVGPNG 1024PNG 2048 |
| Vertical logo, on dark | The mark above the wordmark | SVGPNG 1024PNG 2048 |
| Vertical logo, on light | The mark above the wordmark | SVGPNG 1024PNG 2048 |
| App icon | The dark pins on a Night rounded square, for listings and avatars | SVGPNG 512PNG 1024 |
| Favicon | The app icon at browser-tab sizes | ICOPNG 163248180192 |