Press kit
The name, the mark, the colours and the type, for anyone writing about IndieHacked or linking to it. Every file is free to use for that.
About IndieHacked
IndieHacked is a news site for people building software on their own money and time: news, founder stories, a directory and free tools. Every revenue figure it publishes carries its source and date. IndieHacked is a Piik Labs brand.
- The name
- IndieHacked: one word, capital I and capital H, everywhere, including at the start of a sentence.
- Taglines
- Brand: Home of indie builders. Stories section only: Indie stories, unpacked.
The mark
Two speech bubbles on a slant: a sun-yellow reply behind a cobalt outline, with an ink cast shadow. It stands for the two sides of every story. Below 24 pixels, and in one-colour print, use the flat mark.
Lockups
Mark left, name right. The mark is one and a half times the height of the name. With the tagline, the tagline starts exactly at the name's left edge.
Files
Colour
A calm base with one bright colour per area of the site, so readers always know where they are.
- Cobalt#2B45FFBrand, News, links
- Sun#FFC93CBrand, Stories, the reply bubble
- Ink#14161BText, the cast shadow
- Base#F1F3F6Page ground, light
- Newsletter#FF6A2BArea colour
- Directory#14B07AArea colour
- Launchpad#FF4FA0Area colour
- Tools#00A7C9Area colour
- Base, dark#0F1115
- Surface, dark#181B21
- Cobalt, dark#6175FF
Type
- IndieHackedFunnel Display, ExtraBoldThe wordmark, and nothing else.
- Tallybird, unpacked.Familjen Grotesk, Bold and SemiBoldHeadlines, titles and taglines.
- Body copy, set to read. $10,140 MRRAtkinson Hyperlegible Next, and its Mono for figuresEvery paragraph and every number.
All three are free under the SIL Open Font License, from Google Fonts.
The entrance
The mark drops in flat, the depth snaps out, then the name types itself, in about 1.2 seconds. It opens every interview clip and greets the first visit to the site.
Please don't
- Recolour the mark outside the colourings on this page.
- Stretch, rotate or skew it further. The lean is part of the mark.
- Add outlines, glows or a second shadow.
- Set the name in another face, or as Indiehacked, Indie Hacked or IH in running text.
- Use the shadowed mark below 24px. Use the flat mark there.