A blurry logo pulled from an old Facebook page makes a new website look unfinished. A logo has to work at 16 pixels in a browser tab, at 240 pixels in a website header, on a white email and a dark shirt. We make logo files that do.
Start from something you like
The fastest way to a logo you will keep is to start from a picture of one you already like, yours or a reference, rather than a stack of abstract concepts. We learned this making our own: rounds of minimal concepts got rejected, and the logo we use today came from a reference image the owner picked, redrawn properly.
So the process is:
- You choose a starting point: your current logo, a sketch, or a reference image that has the feel you want.
- We redraw it as clean vector shapes. Every letter is a drawn shape, measured from the reference, so it lines up with what you chose and stays sharp at any size.
- We compare it with the reference spot by spot (proportions, slant, spacing, colors) and adjust until they match.
- We export every file you will need.
If you already have a logo and like it, we do not redesign it. We rebuild it bigger and sharper from your file.
What makes a logo hold up at every size
A logo is seen far more often at 32 pixels than at full size: in a browser tab, a Google result, a phone’s contact list, the corner of an invoice. Before we finish one, we check it against a few plain tests:
- It still reads at favicon size. Thin lines and small text disappear, so the symbol has to work on its own, without the lettering.
- It works in one color. Shirts, stamps, vinyl lettering and fax-quality printouts do not always get the full palette.
- It reads on dark and light backgrounds, which is why you get both versions.
- It has a clear silhouette. If you squint and still recognize it, it will survive a bad print or a blurry phone screen.
The files you get
- Vector masters (SVG) for light backgrounds and dark backgrounds.
- The symbol on its own, for a favicon, an app icon or a social profile picture.
- High-resolution PNGs with transparent backgrounds, 2,400 pixels wide, for print and documents.
- A square profile picture for your Google account and social pages.
- Email-size versions saved at twice the display size, so they stay sharp on phones.
An email signature that looks right
Most email signatures break in small ways: the logo is blurry, it disappears in dark mode, or the phone number is not tappable. We build the signature in HTML with your logo at the right size (shown at 300 by 60 pixels, saved at 600 by 120), your name, role, phone and email as tappable links, and a white background behind the logo so dark lettering stays readable when a phone shows mail in dark mode. You get a page with the signature and step-by-step instructions for adding it in Gmail.
Colors that carry through
The logo’s colors become the palette for everything else: the website, proposals, invoices, shirts. We give you the exact color codes with a note on where each one is used, and the website we build uses the same values.
Part of a bigger project, or on its own
Logos and signatures are often the first piece of a new website, since the site’s design takes its palette from them. They also work as a small project on their own for a business that needs its brand files sorted before anything else. If a website is next, see e-commerce websites or contractor websites.
