> ## Documentation Index
> Fetch the complete documentation index at: https://memberful.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Customize branding
> Customize the look of member-facing pages and forms. Set a button color, choose a page background, and upload your logo and favicon to match your brand.
export const RelatedDocs = ({link1, link2, link3, link4, link5, link6, link7, link8, link9, link10, className = ""}) => {
const links = [link1, link2, link3, link4, link5, link6, link7, link8, link9, link10].filter(Boolean);
if (!links.length) return null;
return ;
};
Memberful branding settings help your member-facing pages, forms, and emails match the look of your website and business.
In this help article, we'll show you how to upload your logo and favicon, choose your branding colors, and preview your changes.
## Upload a logo image
Your logo can appear across Memberful pages and communications, including:
* [checkout forms](/docs/overview/getting-started/checkout-experience/)
* [transactional emails](/docs/configuration/emails/email-templates/)
* your [Subscribe page](/docs/website-builder/pages/subscribe-page/)
* [paid newsletters](/docs/overview/setup-guides/member-newsletter/)
* your [member website](/docs/overview/setup-guides/hosted-member-site/)
Go to **Website → Branding**.
Click **Choose file** under *Logo*, then select a JPG or PNG image from your computer.
Click **Save** to apply the change.
Logo files must be no larger than 5 MB. For the best results:
* Rectangular logos should be at least 560 px wide.
* Square or circular logos should be at least 180 px by 180 px.
To remove your logo, click **Remove** under *Logo*, then click **Save**.
## Upload a favicon image
A favicon is the small image displayed in the browser tab when someone visits your Memberful pages.
Go to **Website → Branding**.
Click **Choose file** under *Your favicon*, then select a JPG or PNG image from your computer.
Click **Save** to apply the change.
Favicon files must:
* be no larger than 5 MB
* use a square aspect ratio
* be a JPG or PNG image
Memberful resizes the image to 32 px by 32 px.
This setting changes the browser favicon but does not change the Apple Touch Icon or Android equivalent.
To remove your favicon, click **Remove** under *Your favicon*, then click **Save**.
Changes appear immediately in most browsers. Safari may continue displaying the previous favicon while its cache refreshes.
## Choose your branding colors
Go to **Website → Branding** to customize the following colors under *Base options*:
* **Background color:** Sets the base color used across your member website, including the Subscribe and Checkout pages. It is also used for the navigation and footer when separate colors have not been configured.
* **Link color:** Sets the color of links across your member website and emails.
* **Button color:** Sets the color of primary action buttons across your member website and emails, including sign-in, checkout, and profile buttons.
## Set a color
Enter a valid six-digit hex code in the color field.
Review the color shown in the circular swatch.
You can also click the swatch to use your browser's color picker. The available controls may look different on Mac and Windows.
Click **Save** to apply the change.
To restore a color to Memberful's default, click **Reset** next to the color field, then click **Save**.
## Link color
The link color is applied to links across your member website and emails.
## Button color
The button color is applied to primary action buttons across your member website and emails.
Buttons added through custom blocks use the *Base options* button color by default. You can give an individual button a different color using the [button block settings](/docs/website-builder/pages/create-a-page#button-block-settings).
## Preview your changes
Go to **Website** and review the available pages and forms. Check that your logo is sized correctly and that your colors are readable and consistent with your brand.
