A website wireframe is a visual guide that represents the skeletal framework of a website. Wireframing helps clarify exactly what needs to be on the different page types or templates of our new site. This practice helps to connect the underlying site-map to the visual design of the site.
The wireframe shows the page layout or arrangement of the site’s content, including interface elements and navigation, and how they work together. Wireframes usually don’t include colors, graphics, or fonts since the main focus is functionality, behavior, and priority of content. In other words, it focuses on what a page does, not what it looks like.