How to make a branded cover image for a social post
Point Vizard Agent at your website and say what the post is about. Vizard Agent pulls the real colours and logo from the site, digs the background textures out of its code, renders the logo properly, generates any material it needs to match, and composes a cover image in your actual brand.
What do you type into Vizard Agent?
Say what should be different rather than describing the whole thing again. Vizard Agent reads the previous post as the template, so "same layout, different colours because these two blend together" is a complete brief, and a far more precise one than a fresh description. No brand guidelines document is needed.
Prompt
What does Vizard Agent actually do?
It takes the colours and the textures from the site itself rather than from a memory of what they look like. A brand's marble or paper background is usually sitting in its stylesheet as an actual file, and using that file rather than generating something similar is the difference between matching and resembling. In the session behind this article it:
- Opened the attached image, checked the client's project history, and copied the reference screenshot to check its size.
- Checked the colours and style on the brand's website, then cut out the reference post and reviewed the tile up close to see how it was put together.
- Pulled the brand colours and the logo from the site, took a screenshot of it and checked the available typefaces.
- Downloaded the logo, prepared a preview and checked the logo rendering tools.
- Searched the site's code for its background textures, downloaded them, rendered the logo and reviewed both the dark and the light textures.
- Generated a marble with gold veining to match them, then checked the font files.
When does this not work well?
Taking a brand from a website works when the website genuinely is the brand, and sometimes it isn't any more. An old site is an old brand, and the current identity may live elsewhere. Two brand colours side by side may need a third to separate them. A stock texture on your site may be licensed and not yours to reuse, and logo rules such as minimum size and clear space are yours to enforce.
Common questions
Do I need brand guidelines? No. Vizard Agent takes the palette, the logo and the textures straight from your website.
Can it match a previous post? Yes. Point at it and Vizard Agent uses it as the layout reference.
Why take the texture from the code rather than recreating it? Because it's already there as a file. A recreated marble looks like marble; the one Vizard Agent finds on your site looks like your brand.