Craft · July 29, 2026 · 2 min read

Favicon to Billboard: Designing a Logo That Scales

A logo lives between 16 pixels and 48 feet. Most marks are designed for the one size they will never be used at: comfortably large on a monitor.

A logo lives its whole life between two extremes: 16 pixels in a browser tab and 48 feet on a highway sign. Most marks are designed for neither. They are designed for the only size they will never be used at: comfortably large on a designer's monitor.

Small is where logos go to die

Shrink a mark to favicon size and everything optional disappears. Thin strokes vanish. Gradients turn to noise. Text becomes texture. The details that made the logo feel "premium" in the presentation are exactly the parts the browser tab deletes. What survives at 16 pixels is silhouette and contrast, nothing else. If the silhouette is generic, the tab shows a smudge with your brand's name on it.

The stress tests that matter

  • The favicon test. Render the mark at 16 and 32 pixels. Is it still identifiably yours?
  • The one-color test. Print it in pure black. Marks that depend on gradients or color pairs to hold together fail here, and one-color reproduction is everywhere: engraving, embossing, stamps, faxes that somehow still exist.
  • The distance test. Put it across the room. Billboard viewing is just the favicon test with your legs.
  • The knockout test. White version on a dark photo. If the mark has no reversed version, it has half a life.

Design habits that scale

Marks that pass all four tests share habits: consistent stroke weights (thin lines die first), closed and simple silhouettes, optical corrections instead of decorative detail, and geometry that reads as one shape rather than an arrangement of five. This is also why serious identity systems ship size variants: a full lockup for large formats, a simplified mark for small ones, decided in advance rather than improvised by whoever exports the asset.

The Lab's take: Scalability is graded, not assumed. Raster-only files, hairline details, and gradient soup all get flagged with the evidence attached. Every rebuilt mark leaves the Lab born vector with a favicon that actually works, because the tab is not an edge case. For a web business, the tab is the storefront.

Wondering how your own logo scores?

The Lab grades your brand against your competing market across five dimensions, free, with the evidence to back it up. Most brands score lower than their owners expect.

Grade my brand, free
← Back to the Notebook