What should a brand identity and mood board include before website design?

A mood board is a decision aid: it shows the visual direction you want to explore. A brand identity turns the approved direction into repeatable rules and usable assets. Neither replaces the business offer. Start with the audience, the promise you can support and the places where customers will encounter the brand.

Brief the problem before choosing a style

Write who the customer is, what they need to trust and which associations would be misleading. An engineering supplier may need technical clarity and legible diagrams; an appointment-based service may need a welcoming tone and a clear booking path. Choose references because they solve that problem, not because they are fashionable. Keep references labelled by source and explain what is useful about each.

How to review a mood board

Compare two or three coherent directions. For each, show typography, a restrained palette, composition, imagery, texture and a short description of its intended effect. Add a realistic website section and one campaign application so the decision is grounded. Record which elements are approved, rejected or still exploratory. A collage of other businesses' logos is not your finished identity.

What should the identity handoff contain?

• Positioning and tone, including wording the business should avoid.
• Logo variants, clear space, small-size and monochrome use.
• Type and colour rules, with readable interface examples.
• Image, illustration, photography and motion direction.
• Editable source files, export formats and an asset-rights register.
• Examples for the website, advertising, presentations and social profiles.

Use AI for exploration with a clear approval boundary

AI can help explore copy, visual directions or variations from an approved brief. Treat generated text and images as drafts. Check factual claims, typography, product details, recognisable people, third-party marks and usage rights before publication. Do not upload confidential customer documents to a model service without permission and a suitable data arrangement. A generated mood board does not establish trademark clearance or guarantee ownership of every output.

Connect the identity to a useful website

Test the system on mobile navigation, a service explanation, a form, error messages and a clear call to action. Preserve contrast and legibility even when the marketing visuals are expressive. Keep large video and decorative effects within a performance budget. Brand consistency is useful only if the customer can read, understand and use the page.

How we scope the work

3D Open Website connects brand direction to the site's actual components and campaign deliverables. The agreement should identify the number of directions, revisions, approved media formats, licensing responsibility and source-file handover. For a complete launch, use the launch roadmap; for campaign research, use the advertising library guide. No visual style by itself guarantees sales.