> ## Documentation Index
> Fetch the complete documentation index at: https://www.spacebring.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize member web portal

> Customize your member web portal's logo, accent and background colors, font, custom domain, and more to match your business identity

You can customize your member web portal's branding elements, such as logo, accent and background colors, font, custom domain, and more. Customization enhances the effectiveness and appeal of the member web portal, driving user engagement and business success.

## Customize member web portal

1. Go to [Spacebring](https://app.spacebring.com/) as an [owner](/administration/roles/owner).
2. On the left-side panel, click your network name top left > **Network settings**.
3. **General** > "Information" tab — update your network name, email footer.
4. **General** > "Branding" tab — update your member web portal's logo, accent and background colors, and font.
5. **Member web portal** > "General" tab — update your [network language](/manage-language-settings) and [custom domain](/member-web-portal/manage-a-custom-third-level-domain-for-your-member-web-portal).
6. **Member web portal** > "Landing page" tab — update your landing page headline, description, manage indexing in search engines.

<Frame>
  <img src="https://mintcdn.com/spacebring/JwOrgJXc3yW3FLb3/images/member-web-portal-customize-member-web-portal-1.png?fit=max&auto=format&n=JwOrgJXc3yW3FLb3&q=85&s=20e8d92177007103ffd356e4c6917af6" alt="" width="1615" height="667" data-path="images/member-web-portal-customize-member-web-portal-1.png" />

  >
</Frame>

<Info>
  All changes except the custom domain apply to the member web portal automatically. ​ The custom domain will show as verified once it has been [properly configured](/member-web-portal/manage-a-custom-third-level-domain-for-your-member-web-portal) and the DNS records have completed propagation.
</Info>

<Tip>
  The member portal automatically matches the user's browser's theme. To switch between light and dark mode, users can update the "Appearance" setting in their browser preferences.
</Tip>

<Tip>
  In addition to the member web portal, administrators can [customize the landing page](/member-web-portal/customize-the-landing-page).
</Tip>

## Supported fonts for the member web portal

1. [Arimo](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\&query=arimo)
2. [Barlow](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\&query=Barlow)
3. [DM Sans](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\&query=DM+Sans)
4. [Fira Sans](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\&query=Fira+Sans)
5. [Hubot Sans](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\&query=Hubot+Sans)
6. [IBM Plex Sans](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\&query=IBM+Plex+Sans)
7. [Inter](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\&query=Inter)
8. [Kanit](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\&query=Kanit)
9. [Lora](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\&query=Lora)
10. [Manrope](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\&query=Manrope)
11. [Merriweather](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)
12. [Montserrat](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\&query=Montserrat)
13. [Mulish](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\&query=Mulish)
14. [Noto Sans](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\&query=Noto+Sans)
15. [Noto Sans KR](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\&query=Noto+Sans+KR)
16. [Nunito](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\&query=Nunito\&noto.query=Nunito)
17. [Nunito Sans](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\&query=Nunito+Sans\&noto.query=Nunito)
18. [Open Sans](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\&query=Open+Sans\&noto.query=Nunito)
19. [Oswald](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\&query=Oswald\&noto.query=Nunito)
20. [Playfair Display](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\&query=Playfair+Display\&noto.query=Nunito)
21. [Poppins](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\&query=Poppins\&noto.query=Nunito)
22. [Quicksand](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\&query=Quicksand\&noto.query=Nunito)
23. [Raleway](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\&query=Raleway\&noto.query=Nunito)
24. [Roboto](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\&query=Roboto\&noto.query=Nunito)
25. [Roboto Condensed](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\&query=Roboto+Condensed\&noto.query=Nunito)
26. [Roboto Mono](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\&query=Roboto+Mono\&noto.query=Nunito)
27. [Roboto Slab](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\&query=Roboto+Slab\&noto.query=Nunito)
28. [Rubik](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\&query=Rubik\&noto.query=Nunito)
29. [System](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\&query=system)
30. [Work Sans](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\&query=Work+Sans\&noto.query=Nunito)

<Frame>
  <img src="https://mintcdn.com/spacebring/JwOrgJXc3yW3FLb3/images/member-web-portal-customize-member-web-portal-3.png?fit=max&auto=format&n=JwOrgJXc3yW3FLb3&q=85&s=bb9a6e5a12da60d8ffeac8c8ec470c3f" alt="" width="1170" height="663" data-path="images/member-web-portal-customize-member-web-portal-3.png" />
</Frame>

<Info>
  Font applies to the member web portal only.
</Info>