---
title: Configuring your Indie Website brand
description: Learn how to configure your branding with Indie Website.
---

[Skip to content](https://help.indiegraf.com/configuring-your-indie-website-brand#main-content)

- [English](https://help.indiegraf.com/configuring-your-indie-website-brand)
- [Español](https://help.indiegraf.com/es/configuring-your-indie-website-brand)

English

Show submenu for translations

[Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=en)

[![Indiegraf-PrimaryLogo-FullColor-1](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-PrimaryLogo-FullColor-1.png?width=262&height=60&name=Indiegraf-PrimaryLogo-FullColor-1.png)](https://help.indiegraf.com/?hsLang=en)

Open main navigation

Close main navigation

- - [English](https://help.indiegraf.com/configuring-your-indie-website-brand)
    - [Español](https://help.indiegraf.com/es/configuring-your-indie-website-brand)

  English
  
  Show submenu for translations
- [Publisher Portal](https://portal.indiegraf.com/tickets)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Indiegraf](https://help.indiegraf.com/?hsLang=en)
2. [Onboarding](https://help.indiegraf.com/onboarding?hsLang=en)

December 16, 2025

# Configuring your Indie Website brand

## Learn how to configure your branding with Indie Website.

Indie Website offers easy branding configurations. You can see your changes reflected in the front end in real time. Let's explore the options below:

1. **Adding your logo and colors**

     1. When logged in, visit **Site options** on Indie Website backend
     2. Under **Logos and colors** you can:

            1. Upload your header logo, footer logo and favicon (your logo in a square format) in .jpg and .png
            2. You can also add your branding colors:

                     1. Primary Color: The main color that represents your brand. It appears on buttons and links throughout the site. It is used to generate some backgrounds and hover colors.
                     2. Secondary Color: This color is used to highlight specific elements like the header button. It is also used to generate the color of labels and other backgrounds.
     3. Once you complete these changes, please Save Changes before exiting this section.
2. **Configuring your layout**

     1. Under Layout, you can control page width and hide/display sidebar globally (across your site) or configure it differently for pages, posts and homepage.
     2. Under **Layout \> Homepage**, you can toggle on/off the Top Email Capture and change its copy
     3. Under **Layout \> Footer,** you can change the footer's email capture subscribe text  
        ​

            1. You can also add partners or sponsors on the footer

 

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642379/44b84b2ad7014e530b772324f59d/AD_4nXepWsVzkNJQnOD4cznoichpGkZJBohEwsxte3sWU4rzdSm595VwvKx2LSM4bn2wF2cDb-gDMsmatfzzm0M5dk1A30EPyf8LAeHAW7JoZMep4ZxECxeZDqm7OlxFMI-vQrxGY0kO2u0G51Wl8C7CFaizK3-W?expires=1766059200&signature=db978f864dfaac309f054feb85fcea81bbb9d991dba8dba56e62c5e5c6a15f27&req=dSIjFc96n4JYUPMW3nq%2BgS5j5yKVDsdiEpcgedSj55zW0VGHozOz8rSLDkgv%0ADpnv5AuMEymeTTKK9VdYx1QE29A%3D%0A)

 

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642402/6369536615a07c9aa9ea85a80b7b/AD_4nXeldxXumNaz_6ojOz7mAdVsAL1ULHIsTfuuIwaqydBDgWUbwb-hfhA9NMBPOPEiBDbXuOldTFfBXs9YJjaGWngoK1g39jdcaU7_fc9B7YUrExmHFXWSmTHCSbQ9CSqLsHR3d08ET_ViqK8pZwQGUjNFJMm2?expires=1766059200&signature=fa6a98b62662e776386b1779e505289533eaa8b55d8ff89dcd7ae531baffbcad&req=dSIjFc96n4VfW%2FMW3nq%2BgaKk8HUjb3OUAiJwoRph49x55A6c3TVqJWuVdCrb%0A5JTwI8h5b5WX4swYGhKPywfBKVA%3D%0A)

 

 

**Selecting fonts:** You can select heading and body fonts from a selection of highly legible and accessible font types that go well on both mobile and desktop and support several glyphs and special characters. You don't need to worry about font sizes and weights. It's all pre-set for you!

- You can change fonts by going to **Site Options \> Fonts**

**Adding your Social Media:** You can easily add your social media links. Those will appear over the heading and footer of your entire website

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642381/2f50c29a4fc623b5a9f311742164/AD_4nXeYledU0MPJBS9awmcdg-XaKwBK5tzPtTLqc9Wp_oYdMW0BEGfQ0PbMRqvRRjIfJRSmHoWVCyrQj2XOR00UdhW4IdRURUsg2riVZG94Am5YDWiWMKk8pFcRKc0UTZAMDujhKsQB7rGUQypVfeIZbg6DN6bi?expires=1766059200&signature=19956e9f889c439faacafad6906bc53ff561433f052626fb55212cd966f16acf&req=dSIjFc96n4JXWPMW3nq%2BgbFYn%2FxleYRask%2FmApQlSGmp7rgaHCjXKpDu3lcX%0ALb4tguPfucYUGA2WGdTqRgFDnSo%3D%0A)

 

1. Add your social channels by visiting **Site Options \> Social Media.**
2. You can also add your publication's link to Apple News and Google News by going to **Social Media \> News links**

 

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642389/b9e8eae4ab9fd04cac020ebc7225/AD_4nXf07j7NVxalB60j_wX1XEWdSnDk1xuuArUfhXwz9hXVnZQizY0TkuejZ5iSlRq3q2rX5JbSYa9BxR4gNFruf-_SyJ0g_4SUFslCvnhASEUJVqEjImFdgc3ZF6sMNelk7idzpFg5eTwbZW7z5FUS0HjJRh4s?expires=1766059200&signature=680c6f9c992a4efced05025facb864c75ac4350bd2251f2cbadb21939e8d76e2&req=dSIjFc96n4JXUPMW3nq%2BgXwadqjefCeNyVVyhpfP88Rd1lpygmEJixvGy8qk%0AI94GBgFROHyqp%2B356rp3HTGEZT8%3D%0A)

 

- [Welcome to Indiegraf](https://help.indiegraf.com/welcome-to-indiegraf?hsLang=en)
- [Onboarding](https://help.indiegraf.com/onboarding?hsLang=en#main-content)

    - [Quick Start Guide](https://help.indiegraf.com/onboarding?hsLang=en#quick-start-guide)
- [Indie Website](https://help.indiegraf.com/indie-website?hsLang=en#main-content)

    - [Analytics & Growth](https://help.indiegraf.com/indie-website?hsLang=en#analytics-growth)
    - [Audience Engagement & Forms](https://help.indiegraf.com/indie-website?hsLang=en#audience-engagement-forms)
    - [Configuring your Homepage](https://help.indiegraf.com/indie-website?hsLang=en#configuring-your-homepage)
    - [Content Creation & Management](https://help.indiegraf.com/indie-website?hsLang=en#content-creation-management)
    - [Design & Page Layout](https://help.indiegraf.com/indie-website?hsLang=en#design-page-layout)
    - [Indiegraf Pay](https://help.indiegraf.com/indie-website?hsLang=en#indiegraf-pay)
    - [Media & Visual Assets](https://help.indiegraf.com/indie-website?hsLang=en#media-visual-assets)
    - [Paywall Solution: Pelcro](https://help.indiegraf.com/indie-website?hsLang=en#paywall-solution-pelcro)
    - [SEO and Google Tools](https://help.indiegraf.com/indie-website?hsLang=en#seo-and-google-tools)
    - [Site Administration](https://help.indiegraf.com/indie-website?hsLang=en#site-administration)
    - [Technical Questions](https://help.indiegraf.com/indie-website?hsLang=en#technical-questions)
- [Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#main-content)

    - [Quickstart Video Guide: Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#quickstart-video-guide-indie-email)
    - [Account Setup & Foundations](https://help.indiegraf.com/indie-email?hsLang=en#account-setup-foundations)
    - [Contact Management](https://help.indiegraf.com/indie-email?hsLang=en#contact-management)
    - [Creating Campaigns](https://help.indiegraf.com/indie-email?hsLang=en#creating-campaigns)
    - [Sending Campaigns & Automation](https://help.indiegraf.com/indie-email?hsLang=en#sending-campaigns-automation)
    - [Troubleshooting & Deliverability](https://help.indiegraf.com/indie-email?hsLang=en#troubleshooting-deliverability)
    - [Analytics](https://help.indiegraf.com/indie-email?hsLang=en#analytics)
- [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#main-content)

    - [Reporting & Statistics](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#reporting-statistics)
    - [Essential Articles](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#essential-articles)
    - [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates)
    - [Quick Start Guide](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#quick-start-guide)
    - [Payment Solutions](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#payment-solutions)
- [Hearken](https://help.indiegraf.com/hearken?hsLang=en#main-content)

    - [Planning and Preparing to Launch with Hearken](https://help.indiegraf.com/hearken?hsLang=en#planning-and-preparing-to-launch-with-hearken)
    - [Collecting Questions](https://help.indiegraf.com/hearken?hsLang=en#collecting-questions)
    - [Collecting Votes](https://help.indiegraf.com/hearken?hsLang=en#collecting-votes)
    - [Reporting an Answer](https://help.indiegraf.com/hearken?hsLang=en#reporting-an-answer)
    - [Spreading Hearken Across Your Organization](https://help.indiegraf.com/hearken?hsLang=en#spreading-hearken-across-your-organization)
    - [Creating and Customizing an Embed](https://help.indiegraf.com/hearken?hsLang=en#creating-and-customizing-an-embed)
    - [Workflow Features](https://help.indiegraf.com/hearken?hsLang=en#workflow-features)
    - [Platform Features](https://help.indiegraf.com/hearken?hsLang=en#platform-features)
    - [Setting Up Notifications and Alerts](https://help.indiegraf.com/hearken?hsLang=en#setting-up-notifications-and-alerts)
    - [Setting up APIs and webhooks](https://help.indiegraf.com/hearken?hsLang=en#setting-up-apis-and-webhooks)
    - [Data collection and exporting](https://help.indiegraf.com/hearken?hsLang=en#data-collection-and-exporting)
    - [Automatic categorization](https://help.indiegraf.com/hearken?hsLang=en#automatic-categorization)
    - [Social, outreach, and marketing](https://help.indiegraf.com/hearken?hsLang=en#social-outreach-and-marketing)
    - [Events and In-Person Engagement](https://help.indiegraf.com/hearken?hsLang=en#events-and-in-person-engagement)
    - [Monetizing your Hearken work](https://help.indiegraf.com/hearken?hsLang=en#monetizing-your-hearken-work)
- [Indiegraf Experts](https://help.indiegraf.com/indiegraf-experts?hsLang=en)
- [Indiegraf Product Release Notes](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#main-content)

    - [Product Demo Videos](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#product-demo-videos)
- [General](https://help.indiegraf.com/general?hsLang=en)
- [RevEngine](https://help.indiegraf.com/revengine?hsLang=en#main-content)

    - [Getting Started with RevEngine](https://help.indiegraf.com/revengine?hsLang=en#getting-started-with-revengine)
    - [International giving](https://help.indiegraf.com/revengine?hsLang=en#international-giving)
    - [RevEngine Core](https://help.indiegraf.com/revengine?hsLang=en#revengine-core)
    - [Organization management](https://help.indiegraf.com/revengine?hsLang=en#organization-management)
    - [Working with Stripe](https://help.indiegraf.com/revengine?hsLang=en#working-with-stripe)
    - [Contribution page basics](https://help.indiegraf.com/revengine?hsLang=en#contribution-page-basics)
    - [Customizing your page](https://help.indiegraf.com/revengine?hsLang=en#customizing-your-page)
    - [Branding and images](https://help.indiegraf.com/revengine?hsLang=en#branding-and-images)
    - [Advanced page settings & features](https://help.indiegraf.com/revengine?hsLang=en#advanced-page-settings-features)
    - [Portal & contribution management](https://help.indiegraf.com/revengine?hsLang=en#portal-contribution-management)
    - [Contribution data](https://help.indiegraf.com/revengine?hsLang=en#contribution-data)
    - [Analytics and Reporting](https://help.indiegraf.com/revengine?hsLang=en#analytics-and-reporting)
    - [Best Practices and Recommendations](https://help.indiegraf.com/revengine?hsLang=en#best-practices-and-recommendations)
    - [Receipts, reminders and transactional communications](https://help.indiegraf.com/revengine?hsLang=en#receipts-reminders-and-transactional-communications)
    - [Security & Legal](https://help.indiegraf.com/revengine?hsLang=en#security-legal)
    - [Common issues](https://help.indiegraf.com/revengine?hsLang=en#common-issues)

[![Indiegrf](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-SecondaryLogo-DarkNavy-2.png?width=260&height=130&name=Indiegraf-SecondaryLogo-DarkNavy-2.png "Indiegrf")](https://help.indiegraf.com/?hsLang=en)

Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere.

<https://www.instagram.com/indiegrafmedia> <https://www.twitter.com/indiegrafmedia> <https://www.facebook.com/indiegrafmedia> <https://www.linkedin.com/indiegraf-media> [mailto:support@indiegraf.com](mailto:support@indiegraf.com)

Copyright © 2025, Indiegraf Media