Brand Mockups render your logo in real-world contexts so you can evaluate how it may perform before committing to a final design.
Overview
After generating logo concepts, BrandPilot can display logo mockups in different brand contexts. Mockups appear alongside or beneath the logo concepts where available.
Available Mockups
| Mockup | Description |
|---|---|
| Business Card | Logo placed on a business card to help you evaluate size and proportion in a print context |
| Website Header | Logo shown in a website navigation area to evaluate legibility, spacing, and visual balance |
| Social Avatar | Logo adapted to a square format for use as a social media profile image |
| Letterhead | Logo positioned in the header area of a branded document |
What to Look For
Business Card mockup:
- Is the wordmark readable at smaller print sizes?
- Does the icon work independently from the text?
- Is there enough whitespace around the logo?
Website Header mockup:
- Does the logo have appropriate visual weight in a navigation area?
- Is the logo proportionate relative to the navigation links?
- Does it remain clear at different screen sizes?
Social Avatar mockup:
- Does the icon or initial remain recognizable when the wordmark is not visible?
- Is there enough contrast at smaller sizes?
- Does the logo remain visually balanced inside a square format?
Letterhead mockup:
- Does the logo look professional and proportionate on a document?
- Do the colors work well against a white or light background?
- Does the logo maintain sufficient spacing from other document elements?
Downloading Mockups
Where mockup downloads are available, you can select an individual mockup to view it in more detail and use the available download option.
Saved mockup assets may also be available through Brand Assets, depending on how the mockup is saved from your workspace.
USE MOCKUPS TO TEST ICON-ONLY VARIANTS
The Social Avatar mockup is particularly useful for evaluating your icon. If the icon does not remain clear at smaller sizes, consider simplifying the design or creating a dedicated icon or avatar variant in the Logo Editor.
