Secondary Lockup

The secondary lockup is the alternate configuration every serious brand mark family needs to survive real world deployment. While the primary lockup gets all the glory on the homepage hero and pitch deck covers the secondary lockup handles every awkward context that tries to murder your identity. It reorients the mark and wordmark usually switching from horizontal to stacked or from stacked to horizontal. It can simplify details that do not survive at smaller scales or in constrained spaces. The goal stays the same. Deliver instant recognition and maintain the brand attitude no matter what rectangle or circle the logo has to live inside. Most brands ship only the primary. That is why their identity breaks the moment a surface gets narrow square or dark. The secondary lockup is the fix that keeps the brand from improvising in production. If your primary runs mark left of wordmark your secondary stacks the mark on top and tightens the wordmark so it never collapses into noise. Brands that treat this as a core manufacturing decision during identity creation never rebuild assets under deadline pressure later.

The secondary lockup is not a color variant or a simple scale transform of the primary. It is not the monogram which reduces to initials only or the mark only version that drops the wordmark entirely. Those solve different problems inside the eleven variant system. It is not an excuse to introduce new design elements that were never present in the primary. Any deviation in stroke weight corner radius or personality makes the whole family look schizophrenic across touchpoints. It is not something you design in isolation at the end of a project or cobble together because the client suddenly needs it for a pitch deck. That path produces crooked logos and marketing teams who lose trust in the system. It is not the app icon the favicon or the motion sting. Those demand their own rules around pixel grids rounding and timing. The secondary must be built at the same time as the primary using the exact same grid construction and logic or it will never sit inside the family.

Concrete example. Linear ships a primary horizontal lockup that pairs their geometric L with the full wordmark for wide layouts like marketing pages and pitch decks. Their secondary lockup stacks the L directly above a tightened wordmark for the product UI where every pixel of width matters. The switch happens automatically inside their design system at a defined breakpoint and the brand never looks broken on mobile or in sidebars. Vercel relies on their triangle mark. The primary places it left of the logotype on docs and landing pages. The secondary centers the triangle above the text for their CLI output windows laptop stickers and conference badges where horizontal real estate disappears. Stripe takes a wordmark first approach in their primary but built a secondary that stacks a bold S icon above a condensed logotype for packaging labels mobile banking headers and invoice footers where the full horizontal would shrink into illegibility. Notion uses their secondary throughout the template marketplace. The stacked N monogram and wordmark sits inside database cards without crowding the actual user content. Anthropic designed their secondary for research report covers and academic PDFs where vertical margins dominate. The A monogram sits above the full name in a layout that feels authoritative instead of cramped.

In a 2026 AI startup project the primary looked perfect on desktop hero banners. The secondary stacked variant with a centered icon and two line wordmark saved the mobile dashboard where the long brand name would have forced tiny text or ugly wrapping. We tested both at every size from billboard to UI palette and locked the rules into their brand guidelines from day one. Framer updated their secondary in 2025 to handle new video platform integrations. The stacked version maintains perfect clear space even when it appears as a loading state. Webflow does this masterfully with their secondary appearing in the CMS sidebar. The stacked wave mark sits above the text so it never competes with interface controls. These choices look obvious in hindsight but they came from designers who mapped every surface before delivery instead of letting clients stretch the primary in Canva six months later.

Use the secondary lockup whenever the primary cannot fit without breaking its own rules. Deploy it on narrow sidebars mobile navigation vertical banners merch tags square webinar covers and any social story format that demands a different aspect ratio. Use it when the surface is dark and the primary creates halation or when the container is square and the horizontal primary leaves dead space that throws off balance. Always pair it with its own minimum size rule clear space requirements and color flexibility because the stacked version occupies a completely different footprint than the horizontal one. Define the exact trigger conditions in your guidelines so the team does not guess. Print physical mockups test on actual devices verify in grayscale and run it through real production like an iPhone home screen a Shopify checkout a YouTube end card and a conference lanyard. The primary and secondary pair do the most work of any variants in the system. They are the ones you reach for first and the ones that need the tightest rules.

Avoid the secondary lockup if you have not built it with the same rigor as the primary. Do not use it if it weakens brand recognition or introduces competing visual ideas that fight the original mark. Never substitute it for other missing variants like a purpose built app icon or favicon. Those have their own constraints around pixel perfection shape and competition with forty other icons on a device screen. Do not roll it out without its own motion version if your brand lives in video because the secondary still needs its two to four second sting. Skip the secondary only for pure one person freelance projects that never leave a single context. Any real brand that touches more than one surface will break without it. Treating the secondary as optional is how you end up with brand assets that look like they were assembled by a committee instead of a designer who actually thought about manufacturing from the start.

The secondary lockup is the mark that keeps your identity from turning into a stretched crooked embarrassing mess the moment it meets the real world.