{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f0d","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587e","e7fb7476-41b6-8585-fbe2-04675405773e"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f0e"],"type":"NavbarWrapper","data":{"tag":"div","navbar":{"animation":"default","collapse":"medium","docHeight":false,"duration":400,"easing":"ease","easing2":"ease","noScroll":false,"type":"wrapper"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f0e","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5866"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f0f","f0d05b55-abb2-96f0-a568-6d6152259f11","f0d05b55-abb2-96f0-a568-6d6152259f20"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f0f","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5880"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f10"],"type":"NavbarBrand","data":{"navbar":{"type":"brand"},"attr":{"href":"#"},"link":{"mode":"external"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f10","tag":"img","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5862"],"children":[],"type":"Image","data":{"attr":{"src":"https://uploads-ssl.webflow.com/6290dd8286bdc534cf009f25/629607fa9c56ba815ce1b8a9_Logo%20Superflow.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"629607fa9c56ba815ce1b8a9"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f11","tag":"nav","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5881"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f12","f0d05b55-abb2-96f0-a568-6d6152259f19"],"type":"NavbarMenu","data":{"tag":"nav","navbar":{"type":"menu"},"attr":{"role":"navigation"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f12","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f586c"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f13","f0d05b55-abb2-96f0-a568-6d6152259f15","f0d05b55-abb2-96f0-a568-6d6152259f17"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f13","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f14"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"url":"#","mode":"external"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f14","text":true,"v":"Features"},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f15","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f16"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"url":"#","mode":"external"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f16","text":true,"v":"Pricing"},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f17","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f18"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"url":"#","mode":"external"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f18","text":true,"v":"Customers"},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f19","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5871"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f1a","f0d05b55-abb2-96f0-a568-6d6152259f1d"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f1a","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f586f"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f1b"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f1b","tag":"a","classes":["282948fc-d377-e920-88e8-a4a0ac0a8a01"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f1c"],"type":"Link","data":{"button":true,"link":{"mode":"external","url":"#"},"attr":{},"block":""}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f1c","text":true,"v":"Log in"},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f1d","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f586f"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f1e"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f1e","tag":"a","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc1"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f1f"],"type":"Link","data":{"button":true,"link":{"mode":"external","url":"#"},"attr":{},"block":""}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f1f","text":true,"v":"Sign up"},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f20","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5864"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f21"],"type":"NavbarButton","data":{"tag":"div","navbar":{"type":"button"}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f21","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5875"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f22","f0d05b55-abb2-96f0-a568-6d6152259f23","f0d05b55-abb2-96f0-a568-6d6152259f25"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f22","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5870"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f23","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587a"],"children":["f0d05b55-abb2-96f0-a568-6d6152259f24"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f24","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfbc"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"f0d05b55-abb2-96f0-a568-6d6152259f25","tag":"div","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5872"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}}],"styles":[{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f587e","fake":false,"type":"class","name":"navbar_component-1.1","namespace":"","comb":"","styleLess":"position: static; z-index: 2; display: flex; width: 100%; height: 10vh; min-height: auto; padding-right: 5%; padding-left: 5%; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(219.99999999999997, 9.68%, 87.84%, 1.00); background-color: transparent;","variants":{"small":{"styleLess":"min-height: 4rem;"}},"children":["5f60681f-1959-9306-2cf6-75808807f96e","e7fb7476-41b6-8585-fbe2-04675405773e"],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5866","fake":false,"type":"class","name":"navbar1.1_container","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; max-width: 100%; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfbc","fake":false,"type":"class","name":"menu-icon_line-middle-inner","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 4px; height: 0px; padding-right: 0px; padding-bottom: 0px;"}},"children":[],"selector":null},{"_id":"e7fb7476-41b6-8585-fbe2-04675405773e","fake":false,"type":"class","name":"background-color-white","namespace":"","comb":"&","styleLess":"position: relative; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfc1","fake":false,"type":"class","name":"button-primary SF1","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #7f56d9; border-right-style: solid; border-right-width: 1px; border-right-color: #7f56d9; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #7f56d9; border-left-style: solid; border-left-width: 1px; border-left-color: #7f56d9; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #7f56d9; font-family: Lato; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 400; text-align: center; text-decoration: none;","variants":{"tiny":{"styleLess":"padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem;"}},"children":["c7779ebc-548b-fe41-61d8-2ba612c2bfc9","6cdb8d7f-510c-c3a3-79a4-302f69400aac","d7e9dccf-e6ab-ed70-9548-472caf488f07","51538949-ba97-7090-aff1-37ad3daedc0e","f61a2035-b424-a86d-22b8-0f79f6ee1b9b","e98c846e-ede4-fcfb-2831-fb58e54a2d36","df6a8d56-e63a-9aab-c078-895014ccda75","ec3e52c8-3ac5-7888-df8d-6cbd17a37755"],"selector":null},{"_id":"282948fc-d377-e920-88e8-a4a0ac0a8a01","fake":false,"type":"class","name":"button-tertiary SF1 ","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.2rem; padding-bottom: 0.75rem; padding-left: 1.2rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(258.77862595419845, 63.29%, 59.41%, 0.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(258.77862595419845, 63.29%, 59.41%, 0.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(258.77862595419845, 63.29%, 59.41%, 0.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(258.77862595419845, 63.29%, 59.41%, 0.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 100.00%, 0.00); font-family: Lato; color: #101828; text-align: center;","variants":{},"children":["dc156294-f9ed-ef69-bd75-eb7b717189e0","2b1a6d4d-a0d6-3260-9be7-304e0a609338","debd8fc6-ba30-86cb-36a7-7a888f89bf4a"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5862","fake":false,"type":"class","name":"navbar_logo-1.1","namespace":"","comb":"","styleLess":"height: 2rem;","variants":{},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f587a","fake":false,"type":"class","name":"menu-icon_line-middle","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"display: flex; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-right: 0px; padding-bottom: 0px; justify-content: center; align-items: center; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5880","fake":false,"type":"class","name":"navbar5_logo-link","namespace":"","comb":"","styleLess":"padding-left: 0px;","variants":{},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f586c","fake":false,"type":"class","name":"navbar1.1_menu-left","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f586f","fake":false,"type":"class","name":"navbar5_button-wrapper","namespace":"","comb":"","styleLess":"margin-left: 1rem;","variants":{"medium":{"styleLess":"display: flex; margin-bottom: 1rem; margin-left: 0rem; flex-direction: column;"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f587c","fake":false,"type":"class","name":"navbar_link-1.1","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-family: Lato; color: #667085;","variants":{"medium":{"styleLess":"width: auto; padding-top: 0.75rem; padding-right: 0rem; padding-bottom: 0.75rem; padding-left: 0rem; font-size: 1.125rem;"},"main_current":{"styleLess":"color: transparent;"}},"children":["e53649f9-1769-b48f-eabf-05778b9b46ee"],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5870","fake":false,"type":"class","name":"menu-icon_line-top","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 24px; height: 2px; padding-right: 0px; padding-bottom: 0px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5875","fake":false,"type":"class","name":"menu-icon","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"display: flex; width: 48px; height: 48px; margin-right: -0.5rem; padding-right: 0rem; padding-bottom: 0rem; flex-direction: column; justify-content: center; align-items: center;"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5871","fake":false,"type":"class","name":"navbar1.1_menu-right","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"margin-top: 1.5rem; padding-bottom: 5rem; flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto;"},"tiny":{"styleLess":"padding-bottom: 1rem;"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5864","fake":false,"type":"class","name":"navbar5_menu-button","namespace":"","comb":"","styleLess":"padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5881","fake":false,"type":"class","name":"navbar1.1_menu","namespace":"","comb":"","styleLess":"position: static; display: flex; margin-left: 1.5rem; justify-content: space-between; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;","variants":{"medium":{"styleLess":"position: absolute; overflow: auto; height: 100vh; margin-left: 0rem; padding-top: 1rem; padding-right: 5%; padding-bottom: 5rem; padding-left: 5%; align-items: flex-start; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; background-color: hsla(0, 0.00%, 100.00%, 1.00); background-clip: border-box;"},"tiny":{"styleLess":"z-index: 3; height: auto; padding-bottom: 1rem;"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5872","fake":false,"type":"class","name":"menu-icon_line-bottom","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 24px; height: 2px; padding-right: 0px; padding-bottom: 0px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://uploads-ssl.webflow.com/6290dd8286bdc534cf009f25/629607fa9c56ba815ce1b8a9_Logo%20Superflow.svg","siteId":"6290dd8286bdc534cf009f25","width":970,"isHD":false,"height":213,"fileName":"629607fa9c56ba815ce1b8a9_Logo Superflow.svg","createdOn":"2022-05-31T12:20:10.941Z","origFileName":"Logo Superflow.svg","fileHash":"b63e36a91d697b5522f4aec77d8c78eb","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6290dd8286bdc534cf009f25/629607fa9c56ba815ce1b8a9_Logo%20Superflow.svg","thumbUrl":"https://uploads-ssl.webflow.com/6290dd8286bdc534cf009f25/629607fa9c56ba815ce1b8a9_Logo%20Superflow.svg","_id":"629607fa9c56ba815ce1b8a9","updatedOn":"2022-05-31T12:20:10.941Z","fileSize":9168}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Navbar 1

Navbar 1
This component requiere some custom code
Paste this script into the <head> of your page
This component requiere some custom code
Paste this script into the </before> of your page
Join Superflow Pro to unlock this component.
Copy & Paste this component into your Webflow project
Copy & Paste this component into your Webflow project
Get Superflow Pro
Copy to clipboard
Copy to clipboard
Info
Category
Navbar
Release
June 2, 2022
Typography
Lato