Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5dacb417-533f-ed06-89a7-681c934dcca3","type":"Block","tag":"div","classes":["35b6f83c-6b86-0945-9624-84866bb7e863","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"children":["5dacb417-533f-ed06-89a7-681c934dcca4"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca4","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2156"],"children":["5dacb417-533f-ed06-89a7-681c934dcca5","5dacb417-533f-ed06-89a7-681c934dcca6","5dacb417-533f-ed06-89a7-681c934dcca8","5dacb417-533f-ed06-89a7-681c934dccd4"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca5","type":"HtmlEmbed","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2158"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewbox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca6","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["5dacb417-533f-ed06-89a7-681c934dcca7"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca7","text":true,"v":"Create an account"},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca8","type":"FormWrapper","tag":"div","classes":["633d2f0c-2f9a-3429-5e17-35775852ed18"],"children":["5dacb417-533f-ed06-89a7-681c934dcca9","5dacb417-533f-ed06-89a7-681c934dccce","5dacb417-533f-ed06-89a7-681c934dccd1"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca9","type":"FormForm","tag":"form","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2159"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d47","5dacb417-533f-ed06-89a7-681c934dccaa","5dacb417-533f-ed06-89a7-681c934dccae","5dacb417-533f-ed06-89a7-681c934dccb2","5dacb417-533f-ed06-89a7-681c934dcccd"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"Source":{"tag":"Default form","val":{}},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d47","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d48","c010c724-ae34-6b62-4842-0cfac8a36d4c"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d48","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d49","c010c724-ae34-6b62-4842-0cfac8a36d4b"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d49","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d4a"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4a","text":true,"v":"First Name"},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4b","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. Howard","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4c","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d4d","c010c724-ae34-6b62-4842-0cfac8a36d4f"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4d","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d4e"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4e","text":true,"v":"Last Name"},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4f","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Thurman","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccaa","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["5dacb417-533f-ed06-89a7-681c934dccab","5dacb417-533f-ed06-89a7-681c934dccad"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccab","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["5dacb417-533f-ed06-89a7-681c934dccac"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccac","text":true,"v":"Email"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccad","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccae","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["5dacb417-533f-ed06-89a7-681c934dccaf","5dacb417-533f-ed06-89a7-681c934dccb1"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccaf","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["5dacb417-533f-ed06-89a7-681c934dccb0"],"data":{"form":{"type":"label"},"attr":{"for":"Password","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccb0","text":true,"v":"Password"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccb1","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccb2","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcccd","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","8c446ac4-3184-9859-3ae8-a84aa836fb30"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Sign Up","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccce","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dcccf"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcccf","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccd0"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd0","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd1","type":"FormErrorMessage","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccd2"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd2","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccd3"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd3","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd4","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2165"],"children":["5dacb417-533f-ed06-89a7-681c934dccd5"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd5","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2161"],"children":["5dacb417-533f-ed06-89a7-681c934dccd6","5dacb417-533f-ed06-89a7-681c934dccd7"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd6","text":true,"v":"Have an account? "},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd7","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["5dacb417-533f-ed06-89a7-681c934dccd8"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd8","text":true,"v":"Sign in"}],"styles":[{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2163","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["25637cc0-e259-47f5-5d30-f85789ba9765"],"selector":null},{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2165","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":["8b922bc3-614c-d7eb-03d2-5e73fe69fd02"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2161","fake":false,"type":"class","name":"faint-text","namespace":"","comb":"","styleLess":"color: hsla(225, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2159","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"8c446ac4-3184-9859-3ae8-a84aa836fb30","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 48px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"633d2f0c-2f9a-3429-5e17-35775852ed18","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"67cc2247-62ff-b2e0-1660-e4aa6475393f","fake":false,"type":"class","name":"100-p-width","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2158","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":["b3fbf8e9-ecfe-8a88-3108-8cd924f0d002","a6ade597-1955-3596-ef95-2268bf6180d9"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2156","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["6010170a-f0c1-cc17-ad20-b8e6523f155a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"35b6f83c-6b86-0945-9624-84866bb7e863","fake":false,"type":"class","name":"content-wrap-center","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":["56d438fd-221e-b981-a529-83d02475c54a","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5dacb417-533f-ed06-89a7-681c934dcca3","type":"Block","tag":"div","classes":["35b6f83c-6b86-0945-9624-84866bb7e863","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"children":["5dacb417-533f-ed06-89a7-681c934dcca4"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca4","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2156"],"children":["5dacb417-533f-ed06-89a7-681c934dcca5","5dacb417-533f-ed06-89a7-681c934dcca6","5dacb417-533f-ed06-89a7-681c934dcca8","5dacb417-533f-ed06-89a7-681c934dccd4"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca5","type":"HtmlEmbed","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2158"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewbox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca6","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["5dacb417-533f-ed06-89a7-681c934dcca7"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca7","text":true,"v":"Create an account"},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca8","type":"FormWrapper","tag":"div","classes":["633d2f0c-2f9a-3429-5e17-35775852ed18"],"children":["5dacb417-533f-ed06-89a7-681c934dcca9","5dacb417-533f-ed06-89a7-681c934dccce","5dacb417-533f-ed06-89a7-681c934dccd1"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcca9","type":"FormForm","tag":"form","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2159"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d47","5dacb417-533f-ed06-89a7-681c934dccaa","5dacb417-533f-ed06-89a7-681c934dccae","5dacb417-533f-ed06-89a7-681c934dccb2","5dacb417-533f-ed06-89a7-681c934dcccd"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"Source":{"tag":"Default form","val":{}},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d47","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d48","c010c724-ae34-6b62-4842-0cfac8a36d4c"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d48","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d49","c010c724-ae34-6b62-4842-0cfac8a36d4b"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d49","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d4a"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4a","text":true,"v":"First Name"},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4b","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. Howard","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4c","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d4d","c010c724-ae34-6b62-4842-0cfac8a36d4f"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4d","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["c010c724-ae34-6b62-4842-0cfac8a36d4e"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4e","text":true,"v":"Last Name"},{"_id":"c010c724-ae34-6b62-4842-0cfac8a36d4f","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Thurman","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccaa","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["5dacb417-533f-ed06-89a7-681c934dccab","5dacb417-533f-ed06-89a7-681c934dccad"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccab","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["5dacb417-533f-ed06-89a7-681c934dccac"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccac","text":true,"v":"Email"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccad","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccae","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["5dacb417-533f-ed06-89a7-681c934dccaf","5dacb417-533f-ed06-89a7-681c934dccb1"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccaf","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["5dacb417-533f-ed06-89a7-681c934dccb0"],"data":{"form":{"type":"label"},"attr":{"for":"Password","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccb0","text":true,"v":"Password"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccb1","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccb2","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcccd","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","8c446ac4-3184-9859-3ae8-a84aa836fb30"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Sign Up","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccce","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dcccf"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcccf","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccd0"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd0","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd1","type":"FormErrorMessage","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccd2"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd2","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccd3"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd3","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd4","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2165"],"children":["5dacb417-533f-ed06-89a7-681c934dccd5"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd5","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2161"],"children":["5dacb417-533f-ed06-89a7-681c934dccd6","5dacb417-533f-ed06-89a7-681c934dccd7"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd6","text":true,"v":"Have an account? "},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd7","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["5dacb417-533f-ed06-89a7-681c934dccd8"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccd8","text":true,"v":"Sign in"}],"styles":[{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2163","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["25637cc0-e259-47f5-5d30-f85789ba9765"],"selector":null},{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2165","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":["8b922bc3-614c-d7eb-03d2-5e73fe69fd02"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2161","fake":false,"type":"class","name":"faint-text","namespace":"","comb":"","styleLess":"color: hsla(225, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2159","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"8c446ac4-3184-9859-3ae8-a84aa836fb30","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 48px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"633d2f0c-2f9a-3429-5e17-35775852ed18","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"67cc2247-62ff-b2e0-1660-e4aa6475393f","fake":false,"type":"class","name":"100-p-width","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2158","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":["b3fbf8e9-ecfe-8a88-3108-8cd924f0d002","a6ade597-1955-3596-ef95-2268bf6180d9"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2156","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["6010170a-f0c1-cc17-ad20-b8e6523f155a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"35b6f83c-6b86-0945-9624-84866bb7e863","fake":false,"type":"class","name":"content-wrap-center","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":["56d438fd-221e-b981-a529-83d02475c54a","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
Sign up #11 is a user-friendly registration form designed for websites looking to streamline user account creation. It features a clean layout with essential fields for user information.
Key Features:
- Includes fields for first name, last name, email, and password.
- Responsive design suitable for various devices.
- Success and error messages for user feedback.
- Customizable styles to match website branding.
Design Elements:
- Modern and minimalistic design with a focus on usability.
- Color scheme includes shades of blue and white for a clean look.
- Flexible layout with centered content and clear input fields.
Potential Use Cases:
- E-commerce websites needing user registration.
- Blogs or content platforms requiring user accounts.
- SaaS applications that require user sign-up.
- Event registration pages for workshops or conferences.
Conclusion: Sign up #11 is a versatile and visually appealing registration form that can enhance user experience across various online platforms.