{"id":120,"date":"2022-06-05T19:02:07","date_gmt":"2022-06-05T19:02:07","guid":{"rendered":"https:\/\/wbcollective.dev\/wireframes\/?page_id=120"},"modified":"2024-11-24T14:37:07","modified_gmt":"2024-11-24T14:37:07","slug":"one","status":"publish","type":"page","link":"https:\/\/wbcollective.dev\/wireframes\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"gb-container gb-container-e929163a gbp-section\">\n<div class=\"gb-container gb-container-58bc7f65 gbp-section__inner gbp--center-align\">\n\n<h1 class=\"gb-headline gb-headline-0ee19ef5 gb-headline-text\">GenerateBlocks Pro Wireframe Patterns<\/h1>\n\n\n\n<h2 class=\"gb-headline gb-headline-5d2a3fed\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M76,60A16,16,0,1,1,60,44,16,16,0,0,1,76,60Zm52-16a16,16,0,1,0,16,16A16,16,0,0,0,128,44Zm68,32a16,16,0,1,0-16-16A16,16,0,0,0,196,76ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm68,0a16,16,0,1,0,16,16A16,16,0,0,0,128,112Zm68,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112ZM60,180a16,16,0,1,0,16,16A16,16,0,0,0,60,180Zm68,0a16,16,0,1,0,16,16A16,16,0,0,0,128,180Zm68,0a16,16,0,1,0,16,16A16,16,0,0,0,196,180Z\"><\/path><\/svg><\/span><\/h2>\n\n\n\n<p class=\"gb-headline gb-headline-f69b4ff4 gb-headline-text\">A collection of 56 finely tuned, responsive block patterns that you can use to wireframe or jumpstart your next website project. The wireframe patterns require the Pro version of GenerateBlocks.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-cbb56b40 gbp-section\">\n<div class=\"gb-container gb-container-41110459 gbp-section__inner gbp--center-align\">\n\n<figure class=\"gb-block-image gb-block-image-8a95ef96\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"733\" class=\"gb-image gb-image-8a95ef96\" src=\"https:\/\/wbcollective.dev\/wireframes\/wp-content\/uploads\/sites\/22\/2024\/09\/wireframe-mockups.png\" alt=\"A mockup of the GenerateBlocks Pro Wireframe Patterns\" srcset=\"https:\/\/wbcollective.dev\/wireframes\/wp-content\/uploads\/sites\/22\/2024\/09\/wireframe-mockups.png 1200w, https:\/\/wbcollective.dev\/wireframes\/wp-content\/uploads\/sites\/22\/2024\/09\/wireframe-mockups-600x367.png 600w, https:\/\/wbcollective.dev\/wireframes\/wp-content\/uploads\/sites\/22\/2024\/09\/wireframe-mockups-768x469.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-2be45392 gbp-section\">\n<div class=\"gb-container gb-container-19c7a530 gbp-section__inner gbp--margin-bot-lg\">\n<div class=\"gb-container gb-container-69122418 gbp--margin-bot-sm\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-0ffa9ad3\">\n<div class=\"gb-grid-column gb-grid-column-acf8729d\"><div class=\"gb-container gb-container-acf8729d gbp-card\">\n\n<div class=\"gb-headline gb-headline-b302d138 gbp--margin-bot-xs\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<h3 class=\"gb-headline gb-headline-e296ac27 gb-headline-text\">Build websites faster<\/h3>\n\n\n\n<p class=\"gb-headline gb-headline-8f9165b1 gb-headline-text gbp--margin-bot-none\">The wireframe patterns were built to not only help you quickly wireframe your pages, but also save you time building these common patterns from scratch.<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-db587c9e\"><div class=\"gb-container gb-container-db587c9e gbp-card\">\n\n<div class=\"gb-headline gb-headline-410818bf gbp--margin-bot-xs\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M48,64a8,8,0,0,1,8-8H72V40a8,8,0,0,1,16,0V56h16a8,8,0,0,1,0,16H88V88a8,8,0,0,1-16,0V72H56A8,8,0,0,1,48,64ZM184,192h-8v-8a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16Zm56-48H224V128a8,8,0,0,0-16,0v16H192a8,8,0,0,0,0,16h16v16a8,8,0,0,0,16,0V160h16a8,8,0,0,0,0-16ZM219.31,80,80,219.31a16,16,0,0,1-22.62,0L36.68,198.63a16,16,0,0,1,0-22.63L176,36.69a16,16,0,0,1,22.63,0l20.68,20.68A16,16,0,0,1,219.31,80Zm-54.63,32L144,91.31l-96,96L68.68,208ZM208,68.69,187.31,48l-32,32L176,100.69Z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<h3 class=\"gb-headline gb-headline-0ea5ee99 gb-headline-text\">Powerful global styling<\/h3>\n\n\n\n<p class=\"gb-headline gb-headline-c85cd3b9 gb-headline-text gbp--margin-bot-none\">Using the default GenerateBlocks Pro pattern class names along with my own custom classes, you can easily change the style settings in one location.<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-0e1ede87\"><div class=\"gb-container gb-container-0e1ede87 gbp-card\">\n\n<div class=\"gb-headline gb-headline-1020b1cc gbp--margin-bot-xs\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<h3 class=\"gb-headline gb-headline-f7318554 gb-headline-text\">Inherits your styles<\/h3>\n\n\n\n<p class=\"gb-headline gb-headline-8b24b200 gb-headline-text gbp--margin-bot-none\">All the patterns will inherit your GeneratePress Premium color and typography settings, or you can import these settings to match the pattern demos exactly.<\/p>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-e66dcf08\">\n\n<a class=\"gb-button gb-button-66e0a553 gbp-button--primary\" href=\"https:\/\/wbcollective.dev\/wireframes\/hero\/\"><span class=\"gb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path><\/svg><\/span><span class=\"gb-button-text\">View the Patterns<\/span><\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-f9df299f\">\n\n<h2 class=\"gb-headline gb-headline-78216f72 gb-headline-text\">Ready to start building websites faster?<\/h2>\n\n\n\n<a class=\"gb-button gb-button-6e58ca6c gb-button-text gbp-button--primary\" href=\"https:\/\/mikeoliver.podia.com\/wordpress-wireframe-blocks-kit\">Buy the Patterns<\/a>\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>GenerateBlocks Pro Wireframe Patterns A collection of 56 finely tuned, responsive block patterns that you can use to wireframe or jumpstart your next website project. The wireframe patterns require the Pro version of GenerateBlocks. Ready to start building websites faster?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":0,"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"wp:attachment":[{"href":"https:\/\/wbcollective.dev\/wireframes\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}