Julian Galluzzo
InvestKit Header Menu
A dark mode header for the InvestKit UI. Add this to a Bricks template!
Copy component
Download JSON
{"content":[{"id":"suytzn","name":"nav-nested","parent":0,"children":["moncdr"],"settings":{"_cssGlobalClasses":["gvmmsj"]}},{"id":"moncdr","name":"block","parent":"suytzn","children":["zbmvqw"],"settings":{"_cssGlobalClasses":["ktnppv"]}},{"id":"zbmvqw","name":"container","parent":"moncdr","children":["xuoemu","ckvxbk","dgfdir"],"settings":{"_cssGlobalClasses":["vfplpi"]}},{"id":"xuoemu","name":"logo","parent":"zbmvqw","children":[],"settings":{"logoText":"InvestKit UI","logo":{"id":109,"filename":"logo-1.svg","size":"full","full":"https://investkit-ui.local/wp-content/uploads/2025/03/logo-1.svg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/logo-1.svg"},"_cssGlobalClasses":["dqzbyl"]}},{"id":"ckvxbk","name":"div","parent":"zbmvqw","children":["zhcfdl","vxiabg","kcjogt"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["yluvxi"],"_background:mobile_landscape":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}}},"label":"Nav items","cloneable":false,"deletable":false},{"id":"zhcfdl","name":"toggle","parent":"ckvxbk","children":[],"settings":{"_hidden":{"_cssClasses":"brx-toggle-div"},"_cssGlobalClasses":["cgwaad"],"icon":{"library":"ionicons","icon":"ion-md-close"}},"label":"Toggle (Close: Mobile)"},{"id":"vxiabg","name":"block","parent":"ckvxbk","children":["xkvgfp","mrnefj","avclas"],"settings":{"_cssGlobalClasses":["fbvydw"]},"label":"Link Wrap"},{"id":"xkvgfp","name":"text-link","parent":"vxiabg","children":[],"settings":{"text":"Pricing","link":{"type":"external","url":"/pricing"},"_cssGlobalClasses":["lpyegy"]},"label":"Nav link"},{"id":"mrnefj","name":"text-link","parent":"vxiabg","children":[],"settings":{"text":"Memberstack","link":{"type":"external","url":"https://www.memberstack.com/wordpress","newTab":true},"_cssGlobalClasses":["lpyegy"]},"label":"Nav link"},{"id":"avclas","name":"text-link","parent":"vxiabg","children":[],"settings":{"text":"BricksBoard","link":{"type":"external","url":"https://bricksboard.com/","newTab":true},"_cssGlobalClasses":["lpyegy"]},"label":"Nav link"},{"id":"kcjogt","name":"block","parent":"ckvxbk","children":["amspum","xannlz"],"settings":{"_cssGlobalClasses":["uhkjsz"]},"label":"Button Wrap"},{"id":"amspum","name":"button","parent":"kcjogt","children":[],"settings":{"text":"Sign up","style":"primary","_cssGlobalClasses":["setizc","ufesxp"],"link":{"type":"external","url":"/sign-up"}}},{"id":"xannlz","name":"button","parent":"kcjogt","children":[],"settings":{"text":"Log in","style":"primary","_cssGlobalClasses":["setizc","btwqut","ufesxp"],"link":{"type":"external","url":"/log-in"}}},{"id":"dgfdir","name":"toggle","parent":"zbmvqw","children":[],"settings":{"_cssGlobalClasses":["csdzed"],"icon":{"library":"ionicons","icon":"ion-md-menu"}},"label":"Toggle (Open: Mobile)","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://investkit-ui.local","version":"1.12.3","globalClasses":[{"id":"gvmmsj","name":"nav","settings":{"_background":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"_width":"100%"},"modified":1742382257,"user_id":1},{"id":"ktnppv","name":"nav__block","settings":{"_padding":{"left":"5%","right":"5%"}}},{"id":"vfplpi","name":"nav__container","settings":{"_margin":{"left":"auto","right":"auto"},"_direction":"row","_justifyContent":"space-between","_alignItems":"center","_padding":{"top":"20","bottom":"20"},"_border":{"width":{"bottom":"1"},"style":"solid","color":{"hex":"#1a393e","id":"cvszxc","name":"Color #4"}}}},{"id":"dqzbyl","name":"nav__logo","settings":[]},{"id":"yluvxi","name":"nav__items","settings":{"_columnGap":"0","_rowGap":"0","_direction":"row","_flexWrap":"nowrap","_background:mobile_landscape":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"_padding:mobile_landscape":{"left":"5%","right":"5%"}}},{"id":"cgwaad","name":"nav__toggle--close","settings":{"iconColor:mobile_landscape":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"},"iconSize:mobile_landscape":"35","_position:mobile_landscape":"absolute","_top:mobile_landscape":"20","_right:mobile_landscape":"5%"}},{"id":"fbvydw","name":"nav__link-wrap","settings":{"_direction":"row","_columnGap":"30","_direction:mobile_landscape":"column","_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center","_columnGap:mobile_landscape":"20","_rowGap:mobile_landscape":"20","_margin:mobile_landscape":{"bottom":"20"}}},{"id":"lpyegy","name":"nav__link","settings":{"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"}},"_cssCustom":".nav__link {\n color: white !important;\n}","_typography:mobile_landscape":{"font-size":"40"},"_opacity:hover":"0.7","_cssTransition":"0.25s"},"modified":1742383303,"user_id":1},{"id":"uhkjsz","name":"nav__button-wrap","settings":{"_direction":"row","_margin":{"left":"30"},"_columnGap":"10","_rowGap":"10","_margin:mobile_landscape":{"left":"0"},"_display:mobile_landscape":"flex","_gridTemplateColumns:mobile_landscape":"1fr 1fr","_direction:mobile_landscape":"column","_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center","_columnGap:mobile_landscape":"20","_rowGap:mobile_landscape":"20"}},{"id":"setizc","name":"button","settings":{"_background":{"color":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"}},"_typography":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"},"font-family":"Bricolage Grotesque","font-weight":"400"},"_padding":{"bottom":"15","top":"15","left":"30","right":"30"},"_border":{"radius":{"right":"50","top":"50","bottom":"50","left":"50"}},"_opacity:hover":"0.7","_cssTransition":"0.25s"}},{"id":"ufesxp","name":"button--nav","settings":{"_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_typography":{"text-wrap":"nowrap"},"_typography:mobile_landscape":{"font-size":"25"},"_padding:mobile_landscape":{"left":"30","right":"30","top":"15","bottom":"15"}}},{"id":"btwqut","name":"button--secondary","settings":{"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"}}}},{"id":"csdzed","name":"nav__toggle--open","settings":{"iconColor:mobile_landscape":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"},"iconSize:mobile_landscape":"30"}}],"globalElements":[]}
Similar components
Zubair Raee
Header
Clean top navigation with logo, links, and a standout “Contact Us” button for clear user direction.
