Lockups

Design a brand lockup component: a fixed grouping of logo, brand name, tagline, and optional URL or contact line. Treat it as a reusable unit, not a one-off composition. The core job is to keep the brand mark and supporting text visually tied together while still reading cleanly at a glance.

Create at least two layouts: a horizontal lockup for wide spaces and a stacked version for tighter containers. Define how the component behaves when the tagline is missing, when the brand name is long, and when the metadata line is optional. The mark should stay dominant; supporting text should step down clearly in size and weight.

Show spacing, alignment, and scale rules in the component itself. Use examples on both light and dark backgrounds so contrast and edge spacing are explicit. If you include a usage preview, make it clear where the lockup can sit in a header, footer, or marketing panel without breaking its proportions.

Experiment with the negative space! It can be as impactful as the lockup elements themselves, defining the balance and focus of your design.