Cycle glossary

A wireframe is a visual representation of a webpage or app's layout, structure, and functionality. It's like a blueprint or skeleton of a digital product. Wireframes are typically created in the early stages of the design process to help teams communicate and align on the product's structure and user flow.

Think of a wireframe as a rough sketch of a house before it's fully built. It shows the basic layout of rooms, windows, and doors, without getting into the specifics of colors, materials, or decor. Similarly, wireframes focus on the placement of elements, such as buttons, text, and images, without delving into the visual design, like colors and typography.