Spacebring

Spacebring allows you to customize the member web portal. Customization enhances the effectiveness and appeal of the member web portal, driving user engagement and business success.

To customize member web portal, follow these steps:

Go to <a href="https://app.spacebring.com/" rel="nofollow noopener noreferrer" target="_blank">Spacebring</a> as an <a href="https://help.andcards.com/en/articles/6850738-assign-an-owner-role" rel="nofollow noopener noreferrer" target="_blank">owner</a>.

On the left-side panel, click (...) next to your network name &gt; Network settings &gt; General &gt; "Information" and "Branding" tabs or Member web portal &gt; "General" and "Landing page" tabs.

1. Go to <a href="https://app.spacebring.com/" rel="nofollow noopener noreferrer" target="_blank">Spacebring</a> as an <a href="https://help.andcards.com/en/articles/6850738-assign-an-owner-role" rel="nofollow noopener noreferrer" target="_blank">owner</a>.
2. On the left-side panel, click (...) next to your network name &gt; Network settings &gt; General &gt; "Information" and "Branding" tabs or Member web portal &gt; "General" and "Landing page" tabs.

The theme of the member web portal follows the browser's theme. To change it, users go to the browser's settings, find the "Appearance" section, and switch between light or dark mode. The portal theme will update automatically.

The member web portal can be customized in the following categories in Network settings:

General &gt; "Information" tab — name, email footer.

General &gt; "Branding" tab — look and feel of the member web portal, such as logo, accent color, background gradient, and font.

Locations — add and delete locations.

Member web portal &gt; "General" tab — <a href="https://help.spacebring.com/en/articles/6861555-manage-language-settings#h_503f83cb5c">network language</a> and <a href="https://help.spacebring.com/en/articles/6850680-manage-a-custom-third-level-domain-for-your-web-app">custom domain</a>.

Member web portal &gt; "Landing page" tab — headline, description, index in search engines.

- General &gt; "Information" tab — name, email footer.
- General &gt; "Branding" tab — look and feel of the member web portal, such as logo, accent color, background gradient, and font.
- Locations — add and delete locations.
- Member web portal &gt; "General" tab — <a href="https://help.spacebring.com/en/articles/6861555-manage-language-settings#h_503f83cb5c">network language</a> and <a href="https://help.spacebring.com/en/articles/6850680-manage-a-custom-third-level-domain-for-your-web-app">custom domain</a>.
- Member web portal &gt; "Landing page" tab — headline, description, index in search engines.

All changes except the custom domain apply to the member web portal automatically. ​ The custom domain will show as verified once it has been <a href="https://help.spacebring.com/en/articles/6850680-manage-a-custom-third-level-domain-for-your-member-web-portal#h_cc3814af53">properly configured</a> and the DNS records have completed propagation.

In addition to the member web portal, administrators can <a href="https://help.spacebring.com/en/articles/8046454-customize-the-landing-page">customize the landing page</a>.

Supported fonts for the member web portal

The following fonts are supported for the member web portal:

<a href="https://fonts.google.com/specimen/Arimo?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=arimo" rel="nofollow noopener noreferrer" target="_blank">Arimo</a>

<a href="https://fonts.google.com/specimen/Barlow?selection.family=Inter:wght@100..900|Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Barlow" rel="nofollow noopener noreferrer" target="_blank">Barlow</a>

<a href="https://fonts.google.com/specimen/Hubot+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Hubot+Sans" rel="nofollow noopener noreferrer" target="_blank">Hubot Sans</a>

<a href="https://fonts.google.com/specimen/Inter?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Inter" rel="nofollow noopener noreferrer" target="_blank">Inter</a>

<a href="https://fonts.google.com/specimen/Kanit?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Kanit" rel="nofollow noopener noreferrer" target="_blank">Kanit</a>

<a href="https://fonts.google.com/specimen/Manrope?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Manrope" rel="nofollow noopener noreferrer" target="_blank">Manrope</a>

<a href="https://fonts.google.com/specimen/Merriweather?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900" rel="nofollow noopener noreferrer" target="_blank">Merriweather</a>

<a href="https://fonts.google.com/specimen/Montserrat?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Montserrat" rel="nofollow noopener noreferrer" target="_blank">Montserrat</a>

<a href="https://fonts.google.com/specimen/Mulish?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Mulish" rel="nofollow noopener noreferrer" target="_blank">Mulish</a>

<a href="https://fonts.google.com/specimen/Nunito?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Nunito&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Nunito</a>

<a href="https://fonts.google.com/specimen/Nunito+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Nunito+Sans&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Nunito Sans</a>

<a href="https://fonts.google.com/specimen/Oswald?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Oswald&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Oswald</a>

<a href="https://fonts.google.com/specimen/Playfair+Display?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Playfair+Display&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Playfair Display</a>

<a href="https://fonts.google.com/specimen/Poppins?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Poppins&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Poppins</a>

<a href="https://fonts.google.com/specimen/Quicksand?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Quicksand&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Quicksand</a>

<a href="https://fonts.google.com/specimen/Raleway?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Raleway&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Raleway</a>

<a href="https://fonts.google.com/specimen/Roboto?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto</a>

<a href="https://fonts.google.com/specimen/Roboto+Condensed?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto+Condensed&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto Condensed</a>

<a href="https://fonts.google.com/specimen/Roboto+Mono?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto+Mono&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto Mono</a>

<a href="https://fonts.google.com/specimen/Roboto+Slab?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto+Slab&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto Slab</a>

<a href="https://fonts.google.com/specimen/Rubik?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Rubik&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Rubik</a>

<a href="https://fonts.google.com/specimen/Assistant?selection.family=Inter:wght@100..900|Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=system" rel="nofollow noopener noreferrer" target="_blank">System</a>

1. <a href="https://fonts.google.com/specimen/Arimo?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=arimo" rel="nofollow noopener noreferrer" target="_blank">Arimo</a>
2. <a href="https://fonts.google.com/specimen/Barlow?selection.family=Inter:wght@100..900|Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Barlow" rel="nofollow noopener noreferrer" target="_blank">Barlow</a>
3. <a href="https://fonts.google.com/specimen/DM+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=DM+Sans" rel="nofollow noopener noreferrer" target="_blank">DM Sans</a>
4. <a href="https://fonts.google.com/specimen/Fira+Sans?selection.family=Inter:wght@100..900|Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Fira+Sans" rel="nofollow noopener noreferrer" target="_blank">Fira Sans</a>
5. <a href="https://fonts.google.com/specimen/Hubot+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Hubot+Sans" rel="nofollow noopener noreferrer" target="_blank">Hubot Sans</a>
6. <a href="https://fonts.google.com/specimen/IBM+Plex+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=IBM+Plex+Sans" rel="nofollow noopener noreferrer" target="_blank">IBM Plex Sans</a>
7. <a href="https://fonts.google.com/specimen/Inter?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Inter" rel="nofollow noopener noreferrer" target="_blank">Inter</a>
8. <a href="https://fonts.google.com/specimen/Kanit?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Kanit" rel="nofollow noopener noreferrer" target="_blank">Kanit</a>
9. <a href="https://fonts.google.com/specimen/Lora?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Lora" rel="nofollow noopener noreferrer" target="_blank">Lora</a>
10. <a href="https://fonts.google.com/specimen/Manrope?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Manrope" rel="nofollow noopener noreferrer" target="_blank">Manrope</a>
11. <a href="https://fonts.google.com/specimen/Merriweather?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900" rel="nofollow noopener noreferrer" target="_blank">Merriweather</a>
12. <a href="https://fonts.google.com/specimen/Montserrat?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Montserrat" rel="nofollow noopener noreferrer" target="_blank">Montserrat</a>
13. <a href="https://fonts.google.com/specimen/Mulish?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Mulish" rel="nofollow noopener noreferrer" target="_blank">Mulish</a>
14. <a href="https://fonts.google.com/noto/specimen/Noto+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Noto+Sans" rel="nofollow noopener noreferrer" target="_blank">Noto Sans</a>
15. <a href="https://fonts.google.com/noto/specimen/Noto+Sans+KR?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Noto+Sans+KR" rel="nofollow noopener noreferrer" target="_blank">Noto Sans KR</a>
16. <a href="https://fonts.google.com/specimen/Nunito?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Nunito&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Nunito</a>
17. <a href="https://fonts.google.com/specimen/Nunito+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Nunito+Sans&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Nunito Sans</a>
18. <a href="https://fonts.google.com/specimen/Open+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Open+Sans&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Open Sans</a>
19. <a href="https://fonts.google.com/specimen/Oswald?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Oswald&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Oswald</a>
20. <a href="https://fonts.google.com/specimen/Playfair+Display?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Playfair+Display&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Playfair Display</a>
21. <a href="https://fonts.google.com/specimen/Poppins?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Poppins&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Poppins</a>
22. <a href="https://fonts.google.com/specimen/Quicksand?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Quicksand&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Quicksand</a>
23. <a href="https://fonts.google.com/specimen/Raleway?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Raleway&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Raleway</a>
24. <a href="https://fonts.google.com/specimen/Roboto?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto</a>
25. <a href="https://fonts.google.com/specimen/Roboto+Condensed?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto+Condensed&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto Condensed</a>
26. <a href="https://fonts.google.com/specimen/Roboto+Mono?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto+Mono&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto Mono</a>
27. <a href="https://fonts.google.com/specimen/Roboto+Slab?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Roboto+Slab&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Roboto Slab</a>
28. <a href="https://fonts.google.com/specimen/Rubik?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Rubik&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Rubik</a>
29. <a href="https://fonts.google.com/specimen/Assistant?selection.family=Inter:wght@100..900|Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=system" rel="nofollow noopener noreferrer" target="_blank">System</a>
30. <a href="https://fonts.google.com/specimen/Work+Sans?selection.family=Inter:wght@100..900%7CRoboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;query=Work+Sans&amp;noto.query=Nunito" rel="nofollow noopener noreferrer" target="_blank">Work Sans</a>

The font family applies to the member web portal only.

Customize member web portal

Create a custom design with text, images, and links

Log in

Developers

About

Release notes

Webinars & events

Partnership

Library

Referral program

Podcast

Product

Support

Company

Webinars

Academy

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

No tickets created by you

Try using different keywords or checking for typos.

No tickets found

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

Tickets

No access to tickets portal

English

url(https://downloads.intercomcdn.com/i/o/y4tx9psa/736261/3810b8fe9fff0d26a6ee24aa2d04/a715464b93eafa7d4de700a9e61644fb.png)