Loading Component...

Loading

More Components

View All
Part of

Powered by Memberstack - Blue

Oops! Something went wrong while submitting the form.
Powered by Memberstack - Blue
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e3a4518b-d27c-c618-778c-d77be57b48e1","type":"Link","tag":"a","classes":["c7d20ed2-fa24-d488-dd9e-8e931de9ae76","903f5900-58a8-ea74-719b-46800434a30b"],"children":["352ade29-f35c-e6ad-c329-b5b8db87b71a","c46ca6ee-cdda-9b59-a600-03e540395fb0"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"https://www.memberstack.com?ref=badge","target":"_blank"}}},{"_id":"352ade29-f35c-e6ad-c329-b5b8db87b71a","type":"Image","tag":"img","classes":["ece5d7aa-478d-e8ff-92be-ff4f0fd0aecf"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","loading":"lazy","width":"auto","height":"12","alt":"__wf_reserved_inherit"},"img":{"id":"65377e9d6d98ffda91ecb47e"}}},{"_id":"c46ca6ee-cdda-9b59-a600-03e540395fb0","type":"Block","tag":"div","classes":["8ba722db-9244-cfe1-3bcf-767652e46816"],"children":["5fbcfd73-f119-1416-6b6d-345a9daefd7a","422579f6-101f-64fb-56b1-20a17d5607b3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5fbcfd73-f119-1416-6b6d-345a9daefd7a","type":"Image","tag":"img","classes":["e3c86025-0611-37a2-2bb2-37f0079940d1"],"children":[],"data":{"img":{"id":"65377a49acc086dd70b0ff3b"},"attr":{"src":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","loading":"lazy","width":"36","height":"auto","alt":"__wf_reserved_inherit"}}},{"_id":"422579f6-101f-64fb-56b1-20a17d5607b3","type":"Image","tag":"img","classes":["4b94def7-2826-4920-a514-d4ca225167a4"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","loading":"lazy","width":"auto","height":"12","alt":"__wf_reserved_inherit"},"img":{"id":"65377d58a154eef098a4869e"}}}],"styles":[{"_id":"c7d20ed2-fa24-d488-dd9e-8e931de9ae76","fake":false,"type":"class","name":"ms-badge-COPY-ME","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5em; grid-row-gap: 0.5em; color: #070e27; font-size: 1em; line-height: 1.2em; text-decoration: none;","variants":{"small":{"styleLess":"padding-right: 0.5em; padding-left: 0.5em; font-size: 10px;"},"medium":{"styleLess":"font-size: 12px;"}},"children":["903f5900-58a8-ea74-719b-46800434a30b","790d198c-9be5-c4c7-9408-9a1bdd08a5bd","b80c7ba1-c62e-fb82-4313-48aa1bf1dc2b"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"903f5900-58a8-ea74-719b-46800434a30b","fake":false,"type":"class","name":"is-blue","namespace":"","comb":"&","styleLess":"padding-top: 0.7em; padding-right: 1.3em; padding-bottom: 0.7em; padding-left: 1.3em; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #2962ff; color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ece5d7aa-478d-e8ff-92be-ff4f0fd0aecf","fake":false,"type":"class","name":"ms-powered","namespace":"","comb":"","styleLess":"height: 1em; margin-top: 0.3em; opacity: 0.8;","variants":{},"children":["11291af5-f15c-ca6e-c2df-9c442341a86d","29cd8412-9b9d-d64a-9496-61a9a53c1df8"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8ba722db-9244-cfe1-3bcf-767652e46816","fake":false,"type":"class","name":"ms-logo-wrap","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 0.5em; grid-row-gap: 0.5em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e3c86025-0611-37a2-2bb2-37f0079940d1","fake":false,"type":"class","name":"ms-logo-icon","namespace":"","comb":"","styleLess":"width: 2.5em; margin-top: 0.1em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4b94def7-2826-4920-a514-d4ca225167a4","fake":false,"type":"class","name":"ms-logo-text","namespace":"","comb":"","styleLess":"height: 0.8em; margin-top: 0.1em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","siteId":"653646ff6f7105a7c86b2bb9","width":310,"isHD":false,"height":55,"fileName":"65377e9d6d98ffda91ecb47e_Powered by - white.svg","createdOn":"2023-10-24T08:21:49.193Z","origFileName":"Powered by - white.svg","fileHash":"9088faa216873399e811531fd791f849","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","thumbUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","_id":"65377e9d6d98ffda91ecb47e","updatedOn":"2023-10-24T08:21:49.193Z","fileSize":7286,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","siteId":"653646ff6f7105a7c86b2bb9","width":500,"isHD":false,"height":393,"fileName":"65377a49acc086dd70b0ff3b_Icon - White Outline.svg","createdOn":"2023-10-24T08:03:21.929Z","origFileName":"Icon - White Outline.svg","fileHash":"9d6a91c485a20d68849e1d99f8e978d9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","thumbUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","_id":"65377a49acc086dd70b0ff3b","updatedOn":"2023-10-24T08:03:21.929Z","fileSize":2465,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","siteId":"653646ff6f7105a7c86b2bb9","width":669,"isHD":false,"height":77,"fileName":"65377d58a154eef098a4869e_Text - White.svg","createdOn":"2023-10-24T08:16:24.077Z","origFileName":"Text - White.svg","fileHash":"3c438a6ff89ba28ab07470b87f71f445","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","thumbUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","_id":"65377d58a154eef098a4869e","updatedOn":"2023-10-24T08:16:24.077Z","fileSize":7278,"localizedSettings":{}}],"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":"e3a4518b-d27c-c618-778c-d77be57b48e1","type":"Link","tag":"a","classes":["c7d20ed2-fa24-d488-dd9e-8e931de9ae76","903f5900-58a8-ea74-719b-46800434a30b"],"children":["352ade29-f35c-e6ad-c329-b5b8db87b71a","c46ca6ee-cdda-9b59-a600-03e540395fb0"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"https://www.memberstack.com?ref=badge","target":"_blank"}}},{"_id":"352ade29-f35c-e6ad-c329-b5b8db87b71a","type":"Image","tag":"img","classes":["ece5d7aa-478d-e8ff-92be-ff4f0fd0aecf"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","loading":"lazy","width":"auto","height":"12","alt":"__wf_reserved_inherit"},"img":{"id":"65377e9d6d98ffda91ecb47e"}}},{"_id":"c46ca6ee-cdda-9b59-a600-03e540395fb0","type":"Block","tag":"div","classes":["8ba722db-9244-cfe1-3bcf-767652e46816"],"children":["5fbcfd73-f119-1416-6b6d-345a9daefd7a","422579f6-101f-64fb-56b1-20a17d5607b3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5fbcfd73-f119-1416-6b6d-345a9daefd7a","type":"Image","tag":"img","classes":["e3c86025-0611-37a2-2bb2-37f0079940d1"],"children":[],"data":{"img":{"id":"65377a49acc086dd70b0ff3b"},"attr":{"src":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","loading":"lazy","width":"36","height":"auto","alt":"__wf_reserved_inherit"}}},{"_id":"422579f6-101f-64fb-56b1-20a17d5607b3","type":"Image","tag":"img","classes":["4b94def7-2826-4920-a514-d4ca225167a4"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","loading":"lazy","width":"auto","height":"12","alt":"__wf_reserved_inherit"},"img":{"id":"65377d58a154eef098a4869e"}}}],"styles":[{"_id":"c7d20ed2-fa24-d488-dd9e-8e931de9ae76","fake":false,"type":"class","name":"ms-badge-COPY-ME","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5em; grid-row-gap: 0.5em; color: #070e27; font-size: 1em; line-height: 1.2em; text-decoration: none;","variants":{"small":{"styleLess":"padding-right: 0.5em; padding-left: 0.5em; font-size: 10px;"},"medium":{"styleLess":"font-size: 12px;"}},"children":["903f5900-58a8-ea74-719b-46800434a30b","790d198c-9be5-c4c7-9408-9a1bdd08a5bd","b80c7ba1-c62e-fb82-4313-48aa1bf1dc2b"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"903f5900-58a8-ea74-719b-46800434a30b","fake":false,"type":"class","name":"is-blue","namespace":"","comb":"&","styleLess":"padding-top: 0.7em; padding-right: 1.3em; padding-bottom: 0.7em; padding-left: 1.3em; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #2962ff; color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ece5d7aa-478d-e8ff-92be-ff4f0fd0aecf","fake":false,"type":"class","name":"ms-powered","namespace":"","comb":"","styleLess":"height: 1em; margin-top: 0.3em; opacity: 0.8;","variants":{},"children":["11291af5-f15c-ca6e-c2df-9c442341a86d","29cd8412-9b9d-d64a-9496-61a9a53c1df8"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8ba722db-9244-cfe1-3bcf-767652e46816","fake":false,"type":"class","name":"ms-logo-wrap","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 0.5em; grid-row-gap: 0.5em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e3c86025-0611-37a2-2bb2-37f0079940d1","fake":false,"type":"class","name":"ms-logo-icon","namespace":"","comb":"","styleLess":"width: 2.5em; margin-top: 0.1em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4b94def7-2826-4920-a514-d4ca225167a4","fake":false,"type":"class","name":"ms-logo-text","namespace":"","comb":"","styleLess":"height: 0.8em; margin-top: 0.1em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","siteId":"653646ff6f7105a7c86b2bb9","width":310,"isHD":false,"height":55,"fileName":"65377e9d6d98ffda91ecb47e_Powered by - white.svg","createdOn":"2023-10-24T08:21:49.193Z","origFileName":"Powered by - white.svg","fileHash":"9088faa216873399e811531fd791f849","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","thumbUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377e9d6d98ffda91ecb47e_Powered%20by%20-%20white.svg","_id":"65377e9d6d98ffda91ecb47e","updatedOn":"2023-10-24T08:21:49.193Z","fileSize":7286,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","siteId":"653646ff6f7105a7c86b2bb9","width":500,"isHD":false,"height":393,"fileName":"65377a49acc086dd70b0ff3b_Icon - White Outline.svg","createdOn":"2023-10-24T08:03:21.929Z","origFileName":"Icon - White Outline.svg","fileHash":"9d6a91c485a20d68849e1d99f8e978d9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","thumbUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377a49acc086dd70b0ff3b_Icon%20-%20White%20Outline.svg","_id":"65377a49acc086dd70b0ff3b","updatedOn":"2023-10-24T08:03:21.929Z","fileSize":2465,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","siteId":"653646ff6f7105a7c86b2bb9","width":669,"isHD":false,"height":77,"fileName":"65377d58a154eef098a4869e_Text - White.svg","createdOn":"2023-10-24T08:16:24.077Z","origFileName":"Text - White.svg","fileHash":"3c438a6ff89ba28ab07470b87f71f445","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","thumbUrl":"https://cdn.prod.website-files.com/653646ff6f7105a7c86b2bb9/65377d58a154eef098a4869e_Text%20-%20White.svg","_id":"65377d58a154eef098a4869e","updatedOn":"2023-10-24T08:16:24.077Z","fileSize":7278,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

This component serves as a badge to showcase Memberstack integration on websites, featuring a visually appealing design that emphasizes branding.

Key Features:

  • External link to Memberstack website
  • Includes customizable logo and text elements
  • Responsive design with flexible padding and alignment
  • Supports lazy loading for images
  • Color scheme primarily in blue and white

Design Elements:

  • Flexbox layout for easy alignment
  • Rounded corners for a modern look
  • Color palette of blue (#2962ff) and white
  • Includes SVG images for scalability

Potential Use Cases:

  • Websites using Memberstack for membership management
  • Online platforms showcasing integrations with third-party services
  • Business sites wanting to highlight their tech partnerships
  • E-commerce sites that require user authentication features
  • Portfolio sites for developers showcasing their tech stack

Conclusion: The 'Powered by Memberstack - Blue' badge is a versatile and stylish component that effectively promotes Memberstack while enhancing the overall aesthetic of a website.

Similar Components

View All