How to build a launch-ready brand identity in one day

Visual identity is the most enjoyable procrastination available to a founder after naming. It is infinitely refinable, it feels like progress, and it is close to uncorrelated with whether anyone buys.

What a logo actually buys you at this stage is one thing: a page that does not look abandoned. A cold visitor deciding in eleven seconds whether to keep reading is checking that someone is home. A competent wordmark does that. A six-week identity project also does that, at a cost of six weeks.

So set the deadline before you start — one day — and accept that everything here is replaceable later. The businesses that survive rebrand comfortably; the ones that die never needed the logo.

You need two files that agree with each other: a horizontal lockup for the site header, and a square mark for the favicon and social avatar.

Use the generator below. Type the business name and it produces twelve lockups you can tune by mark, type and colour, then export as a real SVG, a PNG and a 512px square icon. It runs in the browser, free and unlimited, so iterating costs nothing but the time you promised not to spend.

Two practical rules while choosing. Shrink it first — look at the icon at actual favicon size, because intricate marks turn to mud at 32px and you will see that mark far more often than the full logo. And pick the quieter option; a mark making a claim the business has not earned looks worse beside real customers than a plain wordmark ever does.

Two colours: one ink colour for text, one accent for the mark and buttons. That is genuinely enough, and more is how a page starts looking like a template.

Write them down as hex values in one place — a constants file, a CSS variable block, a note. The failure mode is not choosing badly; it is choosing three slightly different blues across the site, the deck and the social profile because nobody wrote the value down.

Check contrast where text sits on the accent colour. Buttons with insufficient contrast fail accessibility checks and, more practically, are hard to read on a phone in daylight, which is where a lot of your traffic is.

One family for headings, one for body — or, better at this stage, one family used at two weights. Fewer decisions, fewer inconsistencies, faster pages.

Prefer a system font stack or one well-supported webfont. Every additional font file is a request that delays your first paint, and a landing page that takes three seconds to show text loses visitors before the copy gets a chance.

Set the sizes once — heading, subheading, body, small — and reuse them. The most common reason an early landing page looks amateur is not the font choice; it is six different sizes doing the job of four.

An Open Graph image is the asset founders forget and the one that shows up most often: every time your link is pasted into Slack, WhatsApp, LinkedIn or a DM.

Make one 1200×630 image containing the wordmark, one line of what the product does, and the two colours. No screenshots at this stage — they are unreadable at thumbnail size. Set it as the OG and Twitter image site-wide.

Then test it. Paste your URL into a private message to yourself in the two apps your audience actually uses and look at the preview. A missing or broken card makes a shared link look like spam, which quietly costs you the highest-intent traffic you have.

Create one folder — SVG logo, PNG logo, 512px icon, OG image, and a text file with the hex values and the type sizes. Commit it to the repo or drop it in shared storage.

This takes ten minutes and saves you from the state most early businesses end up in: five slightly different logos, three blues, and no one file anyone can find when a directory asks for a 400×400 avatar.

Then stop. Set a reminder for the day you pass your first ten paying customers, and revisit the identity then — with evidence about who your customers actually are, which is the only input that would make a real design brief better than this one.