> ## 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. 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 member website fonts, and preview your changes. ## Upload a logo image Your logo can appear across Memberful pages and communications, including: * [checkout forms](https://memberful.com/docs/overview/getting-started/checkout-experience.md) * [transactional emails](https://memberful.com/docs/configuration/emails/email-templates.md) * your [Subscribe page](https://memberful.com/docs/website-builder/pages/subscribe-page.md) * [paid newsletters](https://memberful.com/docs/overview/setup-guides/member-newsletter.md) * your [member website](https://memberful.com/docs/overview/setup-guides/hosted-member-site.md) **1. Open your branding settings** Go to **Website** → **Branding**. ![Open the Branding settings in the Memberful dashboard](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=55a50a76c0c9063e795481b8b478ddc4) **2. Choose your logo** Click **Choose file** under *Logo*, then select a JPG or PNG image from your computer. ![Choose a logo image to upload](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-choose-logo.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=f2f0ab8bae3b70ced95fbce4f0b8271e) **3. Save your logo** 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. ![Recommended dimensions for rectangular and square logo images](https://mintcdn.com/memberful/zfHsjCK1h1UMRz66/images/customize/branding/branding-logo-guidelines.png?fit=max\&auto=format\&n=zfHsjCK1h1UMRz66\&q=85\&s=4672feae9dbe279b78b6cf224fed7961) To remove your logo, click **Remove** under *Logo*, then click **Save**. ![Remove an uploaded logo image](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-remove-logo.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=3e340c80258bb259afad773212de502a) ## Upload a favicon image A favicon is the small image displayed in the browser tab when someone visits your Memberful pages. ![Example of a custom favicon displayed in a browser tab](https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/branding/favicon-example.png?fit=max\&auto=format\&n=0sA94k065n1qKJXK\&q=85\&s=5066e6f2cdefb9da74e343338616d5d7) **1. Open your branding settings** Go to **Website** → **Branding**. **2. Choose your favicon** Click **Choose file** under *Your favicon*, then select a JPG or PNG image from your computer. ![Choose a favicon image to upload](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-choose-favicon.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=471426bc68308aa2a6f08b6ec099a157) **3. Save your favicon** 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**. ![Remove an uploaded favicon image](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-remove-favicon.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=10c4f376f9b04229bdb51074a27703f2) 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. ![Example of branding colors applied to a Memberful page](https://mintcdn.com/memberful/zfHsjCK1h1UMRz66/images/customize/branding/branded-posts.png?fit=max\&auto=format\&n=zfHsjCK1h1UMRz66\&q=85\&s=4a704d23d73ce8c581021a5015ed50e6) ## Set a color **1. Enter a hex color** Enter a valid six-digit hex code in the color field. ![Enter a hex color value in the Branding settings](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-hex-value.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=2e259df650a6741596621175971fc80a) **2. Review the color** 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. ![Choose a branding color using the browser color picker](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-color-picker.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=89e4a909a2a207167bd8764c6927462f) **3. Save the color** Click **Save** to apply the change. To restore a color to Memberful's default, click **Reset** next to the color field, then click **Save**. ![Reset a branding color to the Memberful default](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-reset-color.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=bdd58414dc3c4ae33cca0a07c2a85d92) ## Link color The link color is applied to links across your member website and emails. ![Example of a custom link color](https://mintcdn.com/memberful/zfHsjCK1h1UMRz66/images/customize/branding/branding-link-example.png?fit=max\&auto=format\&n=zfHsjCK1h1UMRz66\&q=85\&s=52e5e89eac485bf3fe625431320109f0) ![Configure the link color in the Branding settings](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-link-color.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=5f7c101f5c9007658e2687c5ed569d6a) ## Button color The button color is applied to primary action buttons across your member website and emails. ![Examples of buttons using a custom branding color](https://mintcdn.com/memberful/zfHsjCK1h1UMRz66/images/customize/branding/branding-button-examples.png?fit=max\&auto=format\&n=zfHsjCK1h1UMRz66\&q=85\&s=2b2a73ea113daac559ae8c6f0ea2ef5e) ![Configure the button color in the Branding settings](https://mintcdn.com/memberful/KZC-SNnTDmWDTxWo/images/customize/branding/branding-button-color.png?fit=max\&auto=format\&n=KZC-SNnTDmWDTxWo\&q=85\&s=c8fad8662f4c1d8a77554a9f6bcee3bf) 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](https://memberful.com/docs/website-builder/pages/create-a-page.md#button-block-settings). ## Choose member website fonts Under *Website options*, use *Font family* for the website's body text and *Titles font family* for titles. Select a font for each, then click **Save**. These options apply to your member website. The available fonts are: * **Sans serif:** System, Inter, Source Sans 3, DM Sans, Urbanist, and Plus Jakarta Sans. * **Serif:** Newsreader, Crimson Pro, Source Serif 4, Merriweather, Playfair Display, and Literata. ![Available sans serif and serif fonts for the member website](https://mintcdn.com/memberful/PNyTjJZUj-T-TrfJ/images/customize/branding/member-website-font-options.png?fit=max\&auto=format\&n=PNyTjJZUj-T-TrfJ\&q=85\&s=4fc0f595e67eae21ab7c6b78f01c48a0) ## 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. ![Preview branding changes across Memberful pages and forms](https://mintcdn.com/memberful/srkEEu2G5YWCAT7S/images/Configuration/Branding/branding-preview.gif?s=3d4f39220218cd744f25e8e26907342f) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.