A logo isn't a single image. It's a system of decisions that has to survive a favicon, a stadium jumbotron, a voice-search animation, and a black-and-white fax.

Business owners often think a "finished" logo means one file that works everywhere. In practice, no single static mark can do that. Here's the design logic that turns one mark into a working family of marks, drawn from real systems built by Google, Pentagram, and Wolff Olins.

The core problem: context breaks a single fixed mark

Every logo eventually meets a context it wasn't drawn for: a 16px browser tab, an embroidered patch, a moving screen. Google's 2015 identity rework named this directly. Two of the design team's four core challenges were building "a scalable mark that could convey the feeling of the full logotype in constrained spaces" and enabling "dynamic, intelligent motion." The fix isn't one perfect logo. It's a tiered set of related assets built on the same underlying logic, so the brand stays recognizable across every jump in context.

Google's three-tier system

Google's identity splits into three parts: the full-color wordmark, "the Dots" (a distillation of the logotype for interactive and transitional moments), and "the G," a compact mark built for small spaces. Each tier solves a different constraint: the logotype carries brand voice at full size, the G handles app icons, and the Dots handle real-time states like voice search. Google also documented the system as a written spec, so teams across the company apply the same logic instead of inventing new variants on their own.

Pentagram's grid-generated system for MIT Media Lab

Pentagram's 2014 identity for MIT Media Lab started with a 7x7 grid and used it to build a simple "ML" monogram. The studio then extended that exact grid to generate a distinct glyph for each of the Lab's 23 research groups, creating what Pentagram calls "an interrelated system of glyphs" that stays unified while celebrating diversity. This is combinatorial variation: one rule set, many legitimate marks, all provably related.

Wolff Olins and DailyPay's coin in motion

Wolff Olins' identity for DailyPay is built around a coin caught mid-flip, visualizing money in constant motion. The mark was designed from the start to generate motion states, not a static lockup. Here, "variations" are captured moments of one idea in motion.

The real test for your own system

Ask whether each variation traces back to a shared rule, a grid, a motion path, a spec, rather than being drawn in isolation. That single question separates a principled logo system from a pile of accumulated exceptions.