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
• The mark
• Single colour
• Profile picture
• Wordmark
• Colour
• Type
• How cities are shown
• The boarding pass
• Map colours
• Downloads

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
• WriteKreuzberg is the Brixton 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.

ON DARK · #e8326f + #ff9cc2

ON 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.

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 pale halvesNot two light tones on a colour; use the single-colour logo in white.

• Don’t rotate or stretchThe tips meet straight down.

• Don’t recolour or redrawOnly the two pink pairs below, from the files.

Single colour

When the logo can only have one colour (one-colour print, a stamp, engraving, a photo or a coloured ground), both pins and the word take the same ink and the holes stay cut out. The pins meet on a straight edge, so in one ink both are drawn a hair inside their outline: a thin line between them, the same on both sides. Black on light grounds and in print; white on photos, dark grounds and colours, the brand pink included. Whenever two colours are possible, use the two-tone logo.

BLACK · #000000

WHITE · ON PINK

Profile picture

For social accounts, a full square with no rounded corners: LinkedIn, X, Instagram and the rest crop to a circle or round the corners themselves, and the app icon’s own corners would show inside their frame. Two sizes on Night: circle for sites that crop to a circle, with clear space inside the crop, and square, as big as the app icon’s mark, for square or rounded-square frames such as a LinkedIn company page or GitHub. Use the Paper versions only where the page around them is light. Upload the 1024 px PNG.

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. Pink is the only brand colour; there is no brand red. Click a swatch to copy its hex.

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

State colours

Green, yellow and red mark a state, never the brand or decoration. They colour text, icons, dots and outlines, not filled buttons: a filled button is always pink. The red leans orange so it never reads as the brand pink.

Type

Sizes are whole pixels, from 9 to 40 px; titles start at 20. The one half pixel is 10.5 px, for small caps labels in JetBrains Mono. Pick a size from the scale rather than adding one.

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

How cities are shown

Split-flap tiles are kept for the moment a city is picked or changes. Everywhere else a city’s name is plain type, in the voice of where it sits.

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.

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.