Lockup Grammar
Lockup grammar is the complete operating system for how parent and sub-brand marks sit together in an endorsed architecture. It spells out precise ratios for scale, fixed spacing values, alignment logic, color permissions, minimum sizes, and clearance rules so every combination looks intentional. The grammar lives inside your design system as a decision-making framework that removes subjectivity the moment a new product or campaign appears. Designers stop debating whether the parent mark goes above or beside the sub-brand because the rules already answered that question in year one. It scales from a tiny product label to a thirty-foot environmental installation without fracturing the visual logic or forcing last-minute hacks.
This is structural work that determines how cleanly equity transfers between master and sub. A tight grammar keeps the parent doing its trust job while the sub handles its positioning job. Skip the rigor and you watch visual debt pile up with every launch until the entire system needs a painful overhaul. The best grammars get built right after the architecture decision locks in and before anyone ships a single asset to production.
Lockup grammar is not three pretty logo pairings dropped into a brand guidelines PDF for the team to eyeball. It is not flexible in the sense of do whatever feels right this quarter. It is not an aesthetic exercise or a kerning party between two wordmarks. Most teams screw this up by treating it like decoration instead of infrastructure. They approve a few examples then act surprised when the next designer interprets the parent-sub relationship in a completely different direction. That is not grammar. That is visual entropy wearing a suit.
It is also not required for every model. A pure branded house like Oatly in 2018 needed zero lockup grammar because every SKU lived under the single loud master voice with nothing more than flavor descriptors. House of brands setups like Unilever's portfolio where Tide and Dove ignore the parent entirely have no use for it either. Grammar only matters when you deliberately choose the endorsed path and expect multiple marks to coexist in the same frame for years.
Pentagram's 2015 Saks Fifth Avenue project shows what strong lockup grammar actually looks like in practice. They built rules around a custom logotype that could generate hundreds of correct variations with department names, seasonal campaigns, and vendor collaborations. The grammar fixed the Saks mark at specific proportional relationships no matter if it paired with the short word Beauty or the longer phrase Fifth Avenue Holiday Windows. Spacing values, baseline alignment, and tracking stayed locked even when the supporting type scaled dramatically. That system has held for nearly ten years across packaging, website, signage, and print because the rules anticipated real-world complexity instead of hoping everyone would just get it. No endless review cycles. No accumulating visual debt.
Glossier runs a consumer-facing version that anchors every sub-brand without erasing its personality. The parent Glossier mark locks into a fixed scale ratio roughly sixty percent of the sub-brand height with consistent clear space and a thin rule separator in certain executions. Generation G lipstick and the You fragrance line keep their own color stories and typography flavors yet the lockup quietly transfers the master brand's direct, democratic tone. The grammar was stress-tested for product tubes, website heroes, billboard extensions, and international packaging where translation lengths vary. Launch teams cut weeks off their process because the hierarchy questions were already solved.
Mejuri applies the same thinking to its Bold and Heirloom capsule collections. The master mark steps back to endorsement size while the collection name takes visual lead in campaign imagery. The grammar defines exact behaviors for tight jewelry photography, dark mode e-commerce pages, and pop-up retail where space disappears fast. Patagonia does parallel work with Worn Wear and Provisions. The parent script mark lends decades of environmental credibility in a standardized lockup that never competes with the sub-brand's activist or repair-focused positioning. Each of these examples proves the grammar compounds equity instead of leaking it every time a new SKU drops.
Deploy lockup grammar the moment your architecture decision settles on endorsed and your portfolio contains or will contain distinct sub-brands that need both independence and affiliation. Build it during design system creation with real content, not lorem ipsum. Document the ideal state, the broken states, the mobile collapses, the one-color versions, and the international adaptations. Reference the grammar in every project brief so new hires and agencies cannot derail the system on their first day. It pays for itself the first time you avoid three weeks of alignment arguments.
Never build lockup grammar for strict branded house plays like Apple's descriptor-led approach or Oatly's voice-first expansions. It adds cost and complexity with zero upside. Avoid it in true house of brands models where each product runs its own complete identity and the parent stays invisible. And do not bother writing one if your organization cannot enforce any rule longer than one fiscal quarter. The document will die on a server unread while everyone does their own thing anyway.
Lockup grammar is what stops your endorsed brand system from turning into expensive visual noise the moment the second sub-brand launches.
Read the full guide
Related terms
Keep exploring
Logo Lockup
A logo lockup is the fixed spatial relationship and exact measurements between symbol, wordmark, and clear space that turns a loose idea into a repeatable unit.
Endorsed Brand
Sub-brands keep their own names, personalities, and visual systems while the parent supplies a visible trust signal through lockups and shared grammar.
Design System
A design system is the living product of tokens, components, patterns, guidelines, and governance that stops teams from reinventing UI every sprint.
Visual Hierarchy
The arrangement of design elements so the eye processes them in a deliberate order, controlled by size, contrast, color, spacing, and position.