Brand Mockups
Brand Mockups automatically render your logo in real-world contexts so you can evaluate how it performs before committing to a design.
Overview
After generating logo concepts, BrandForge renders each concept in four standard mockup contexts. Mockups appear in the right panel beneath the logo concepts grid.
Available Mockups
| Mockup | Description |
|---|---|
| Business Card | Logo placed on a physical business card — shows size and proportion in print context |
| Website Header | Logo in a navigation bar at desktop width — evaluates legibility and spacing |
| Social Avatar | Logo cropped to a square and scaled for a social media profile picture |
| Letterhead | Logo in the header position of a branded document |
What to Look For
Business Card mockup:
- Is the wordmark readable at small print sizes?
- Does the icon stand alone without the text?
- Is there enough white space around the logo?
Website Header mockup:
- Does the logo have appropriate visual weight in a navbar context?
- Is the height proportionate relative to navigation links?
Social Avatar mockup:
- Does the icon or initial work when the wordmark is not visible?
- Is there enough contrast at 32×32px (the smallest size)?
Letterhead mockup:
- Does the logo feel professional and proportionate on a document?
- Do the colors work on a white background?
Downloading Mockups
Individual mockup images can be downloaded from the mockup panel. Click on any mockup thumbnail to expand it, then use the download button.
Mockup images are saved to Brand Assets when you click Apply in the Logo Editor.
The Social Avatar mockup is particularly useful for validating your icon. If it doesn't read clearly at small sizes, consider simplifying the icon or creating a dedicated avatar variant.