{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8321","tag":"div","classes":["cab5c053-d8a9-a908-9f4d-a1a0111244ed"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8322"],"type":"NavbarWrapper","data":{"tag":"div","navbar":{"animation":"default","easing":"ease","easing2":"ease","duration":400,"docHeight":false,"collapse":"medium","noScroll":false,"type":"wrapper"},"attr":{"data-collapse":"medium","data-animation":"default","data-duration":"400"}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8322","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edc0"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8323","43ae86de-21be-3aac-cabf-adaaa6de8325","43ae86de-21be-3aac-cabf-adaaa6de8338"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8323","tag":"a","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edca"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8324"],"type":"NavbarBrand","data":{"navbar":{"type":"brand"},"attr":{"href":"#"},"link":{"mode":"external"}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8324","tag":"img","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edc5"],"children":[],"type":"Image","data":{"attr":{"src":"https://cdn.prod.website-files.com/6290dd8286bdc534cf009f25/629607fa9c56ba815ce1b8a9_Logo%20Superflow.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"629607fa9c56ba815ce1b8a9"}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8325","tag":"nav","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edcb"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8326","43ae86de-21be-3aac-cabf-adaaa6de8328","43ae86de-21be-3aac-cabf-adaaa6de832a"],"type":"NavbarMenu","data":{"tag":"nav","navbar":{"type":"menu"},"attr":{"role":"navigation"},"style":{"base":{"main":{"noPseudo":{"justifySelf":"center"}}}}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8326","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8327"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"url":"#","mode":"external"}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8327","text":true,"v":"Features"},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8328","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8329"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"mode":"external","url":"#"}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8329","text":true,"v":"Pricing"},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de832a","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["43ae86de-21be-3aac-cabf-adaaa6de832b"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"mode":"external","url":"#"}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de832b","text":true,"v":"Customers"},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8338","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edd0"],"children":["43ae86de-21be-3aac-cabf-adaaa6de8339","43ae86de-21be-3aac-cabf-adaaa6de833b"],"type":"Block","data":{"tag":"div","style":{"base":{"main":{"noPseudo":{"justifySelf":"end"}}}},"text":false,"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8339","tag":"a","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc1"],"children":["43ae86de-21be-3aac-cabf-adaaa6de833a"],"type":"Link","data":{"button":true,"link":{"mode":"external","url":"#"},"attr":{},"block":""}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de833a","text":true,"v":"Sign up"},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de833b","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edc1"],"children":["43ae86de-21be-3aac-cabf-adaaa6de833c"],"type":"NavbarButton","data":{"tag":"div","navbar":{"type":"button"},"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de833c","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edcd"],"children":["43ae86de-21be-3aac-cabf-adaaa6de833d","43ae86de-21be-3aac-cabf-adaaa6de833e","43ae86de-21be-3aac-cabf-adaaa6de8340"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de833d","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edc6"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de833e","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edc4"],"children":["43ae86de-21be-3aac-cabf-adaaa6de833f"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de833f","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfbc"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"43ae86de-21be-3aac-cabf-adaaa6de8340","tag":"div","classes":["ba0358d3-9e8c-bc3d-ddff-013ada30edc2"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}}],"styles":[{"_id":"ba0358d3-9e8c-bc3d-ddff-013ada30edcb","fake":false,"type":"class","name":"navbar2_menu","namespace":"","comb":"","styleLess":"align-items: center;","variants":{"medium":{"styleLess":"display: flex; overflow: auto; padding-top: 1rem; padding-right: 5%; padding-bottom: 2.5rem; padding-left: 5%; justify-content: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; background-color: transparent; background-clip: border-box;"},"tiny":{"styleLess":"border-bottom-color: hsla(219.99999999999997, 9.68%, 87.84%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":[],"selector":null},{"_id":"ba0358d3-9e8c-bc3d-ddff-013ada30edcd","fake":false,"type":"class","name":"menu-icon2","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":"ba0358d3-9e8c-bc3d-ddff-013ada30edc5","fake":false,"type":"class","name":"navbar1.2_logo","namespace":"","comb":"","styleLess":"height: 2rem;","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":"ba0358d3-9e8c-bc3d-ddff-013ada30edc2","fake":false,"type":"class","name":"menu-icon2_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},{"_id":"ba0358d3-9e8c-bc3d-ddff-013ada30edd0","fake":false,"type":"class","name":"navbar2_button-wrapper","namespace":"","comb":"","styleLess":"display: flex; margin-left: 1rem; grid-column-gap: 1rem;","variants":{"medium":{"styleLess":"align-items: center;"}},"children":[],"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":"ba0358d3-9e8c-bc3d-ddff-013ada30edc0","fake":false,"type":"class","name":"navbar1.2_container","namespace":"","comb":"","styleLess":"display: grid; width: 100%; height: 100%; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 0.25fr 1fr 0.25fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"display: flex; grid-template-columns: 0.25fr 1fr;"}},"children":[],"selector":null},{"_id":"cab5c053-d8a9-a908-9f4d-a1a0111244ed","fake":false,"type":"class","name":"navbar_component-1.2","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: hsla(219.99999999999997, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"min-height: 4rem;"},"tiny":{"styleLess":"position: relative;"}},"children":["f4207042-97b2-f08b-305b-4d4337a5ffc0"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"ba0358d3-9e8c-bc3d-ddff-013ada30edc6","fake":false,"type":"class","name":"menu-icon2_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":"ba0358d3-9e8c-bc3d-ddff-013ada30edca","fake":false,"type":"class","name":"navbar1.2_logo-link","namespace":"","comb":"","styleLess":"padding-left: 0rem;","variants":{},"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":"ba0358d3-9e8c-bc3d-ddff-013ada30edc4","fake":false,"type":"class","name":"menu-icon2_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":"ba0358d3-9e8c-bc3d-ddff-013ada30edc1","fake":false,"type":"class","name":"navbar2_menu-button","namespace":"","comb":"","styleLess":"padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.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://cdn.prod.website-files.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 2

Navbar 2
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