Logo of UI Challenges
Sign in
Wireframe example for Lockups
An example interpretation of the prompt
Icon of target

Lockups

Icon of book open

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.

Icon of book open

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

Better at UI design with every challenge

Select complexity and generate challenge.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.