Cycle glossary

Product terminology simply explained


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.

Subscribe for updates

Join tens of thousands of subscribers
Product insights, customer stories, and release notes straight to your inbox.
Thank you! Your subscription has been received!
Oops! Something went wrong while submitting the form.
No spam, ever.