Site architecture (sitemap): A diagram that outlines the website's structure and hierarchy of pages, including main navigation, sub-pages, and any other important links.

Wireframes: Simple, black-and-white layouts that define the basic structure and content of each page, without any detailed design elements. They help to visualize the placement of elements such as headings, text, images, and buttons, and how they relate to each other.

Mockups (visual design): Fully-designed, high-fidelity representations of each page, incorporating branding, colors, typography, imagery, and other visual elements. Mockups are created in a design tool like Photoshop, Sketch, or Figma.

Style guide (design system): A set of guidelines that define the visual language of the website, including typography, colors, icons, buttons, forms, and other UI components. This helps to ensure consistency across all pages and encourages a cohesive design.

Interactive prototypes: A clickable, interactive version of the website that allows users to experience the design and functionality before development. Prototyping tools like InVision or Axure can be used to create these.

Images, graphics, icons: Any visual elements used in the design, including photos, graphics, and icons.

Content (text, media): The text and media that will be included on each page of the website, including images, videos, and other multimedia elements.

Source files (Figma): The original design files that were used to create the mockups and prototypes. These are typically shared with developers to help them understand the design and ensure accuracy during development.