--- title: Branding Requirements description: Learn how you can prepare a branding package for your Indie Website. --- [Skip to content](https://help.indiegraf.com/branding-requirements#main-content) - [English](https://help.indiegraf.com/branding-requirements) - [Español](https://help.indiegraf.com/es/branding-requirements) 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/branding-requirements) - [Español](https://help.indiegraf.com/es/branding-requirements) 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 11, 2025 # Branding Requirements ## Learn how you can prepare a branding package for your Indie Website. #### **Please provide** - **A brand guide, if you have one.** A brand guide is a PDF document that details a company’s visual identity, along with rules and guidelines for any public-facing communication. Brand guides set forth rules for official **logo** usage, **font type** and **color**, **typography**, and **tone**; - **Logos.** PNGs with transparent backgrounds are required. If you have any vector files (SVG, EPS, or AI, with SVG being the preference) please include those as well. When in doubt, send us everything you have! - **Horizontal** and **square** versions of your logo are good to have. On our current header, we feature a horizontal logo on the top left corner (larger width than height). The preferred width/height ratio for this logo is 2.5:1, but it could go up to 4:1. - **Website colors.** Please provide your website primary and accent colors in hexa format. - Primary Brand Color: the main color that represents your brand and is typically used for your website, logo, and other important assets. This color is used the most. - Accent Color: this is used sparingly to add visual interest and highlight specific elements within your brand collateral - **A favicon** (or “tab icon”, visible next to tab titles). Your favicon must be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px and so on. PNGs are preferred. - **Fonts.** Essential publishers can select their font pairing right at Indie Website backend. Grow and Scale publishers can share *[Google Fonts](https://fonts.google.com/)* that will be used on your website. We usually use a sans serif font for headings, and a serif font for body copy. - **A set of images that could be used as website backgrounds.** Please provide images that are large and of high quality: 1920x1080px is ideal (the preferred ratio is 16:9). The images should be at least 72 ppi. We request a minimum of 6 images, but the more the better! - Note: this is in addition to team photos, author photos, etc. that might be featured at smaller sizes on the landing page/website, and that don’t need to be that large. #### **How to choose fonts?** Fonts will add personality and credibility to your website, but the most important thing to look for in a font family is **legibility**. Check if the font has: - **It has multi-language support:** if the font has only basic Latin letters, auto-translate can shift your layout into some other font for the missing characters, giving it a “ransom note effect” where individual, accented letters change and stick out; ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080328/fe792ecb1429ffb8b2726c2a/PYlYUrJQ7XWHaXyyp-cCsPwM.gif?expires=1765605600&signature=c7eeb07196e95825ca1c263413c3038f35c5d1e68a7dcc370f32b4b7845e6052&req=dSEjHsl2nYJdUfMW3nq%2BgRPA7tK5Zfd8B8D%2FS%2B%2FYlwAWJwkI%2Ba0zp57G2ZEe%0AyFi1N2EXDhR1nFePy3c6UXwubDs%3D%0A) - **It has at least the basic weights and styles:** check if the font has, at least, a **regular**, **italic**, and **bold** (and **bold italic**) weights; - **Choose clear and recognizable letterforms**: Text is most legible when the eye can easily distinguish between letters. Some typefaces are designed to simply be slick and rhythmic—pleasing to the eye. Legible typefaces have far more nuance among the letters; ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080332/7f0a0bc15c850980ce43b761/Ulhhkvags20rdhYi8GuQzntB.png?expires=1765605600&signature=ae4e4be77108a93699bb7ace061f8ff1c73c485a562977608d6c583c76602dee&req=dSEjHsl2nYJcW%2FMW3nq%2BgUwmXAqgmzfyzkOm6cbnI%2FFDgZtv%2BhBVSLmiMy6r%0Adruw0GdGSAOQ7kNbHCkdnkyQY9w%3D%0A) - **Open Forms:** Letters that are airy and open are less likely to blur into closed shapes. This should be considered specially for small or long form texts; ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080338/ebdf8615a7dffa424edd8b38/6o2rZPhoriRCpta5hzwFO8KC.png?expires=1765605600&signature=66d7be88704837b9aac6e7ae65cf01fa2f02bd42edefd63474547d91cd62cce2&req=dSEjHsl2nYJcUfMW3nq%2BgcrQp%2FzLhowA%2F%2BN%2BtTvGPeD7NvFlK04biBKeDTHL%0AFOLvGvnHE4i%2F2oLJZFDkJP3NEsI%3D%0A)   #### **Avoid:** **Overusing italic:** Italics can be used for giving certain emphasis on a particular word or phrase and it should be used sparingly. **Don’t overuse italics as they will make your blog posts look cluttered**, so only use them when you really need to stress something out **Script fonts:** Script fonts are never suitable for long-readings. The incorrect use makes the design look inappropriate for your brand strategy. To make no mistake, select a more neutral font. **Thin fonts:** A light and thin font is very unreadable and does not imply that the information is important. Regular, Semi-bold and Bold are better for readability & accessibility. **Condensed fonts:** Condensed fonts can be very hard to read, and its variations of most fonts should be used sparingly or avoided in projects with blocks of text. Plus: on a large block of text, condensed fonts imprint the feeling of riding the train at rush hour. Not a good feeling to match your brand.   #### **Suggested font pairings** If you don't already have designated Google fonts for your brand, here are 3 font pairings you can choose from that are legible, work well together, and will be easy on the eyes when reading long articles. - ***[Source Sans](https://fonts.google.com/specimen/Source+Sans+3)*** (Headings) and ***[Merriweather](https://fonts.google.com/specimen/Merriweather)*** (Body copy) ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080348/931169da4da3d7471173bc33/RJPD4bJt0QdQZu1PV4Mmlka7.png?expires=1765605600&signature=c8f4c5a481991fb4f19b6f5b8d1c2d97209c006cdd39ad707a620337c819a562&req=dSEjHsl2nYJbUfMW3nq%2BgZwPTVZHcxIrn4q8scoUDT3bJJX2GGTw5vIN7ngS%0A5gL46igtNvvMdpLxomX%2F6vss3qM%3D%0A)   - ***[Rubik](https://fonts.google.com/specimen/Rubik)*** (Headings) and ***[Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans)*** (Body copy) ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080358/a20e707fdb3e8d3860b8b4a7/mxUFuiB2ROA2oWVog9t1ZQt5.png?expires=1765605600&signature=7a41deccba8e39503a4406828646bca4cbe35d9dc0996b77ad1f008a79e47a8d&req=dSEjHsl2nYJaUfMW3nq%2BgQnZgy7u8ujr8HN4LvFxrmxb6nIGrTxFDv%2FtdJsf%0Amh1Q4m4IlG9pZ1DtaPnK1V%2FClHg%3D%0A)   - ***[Lato Black](https://fonts.google.com/specimen/Lato)*** (Headings) and ***[Lora](https://fonts.google.com/specimen/Lora)*** (Body copy) ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080380/bce7959783177545f20f8b57/d1vrsfIOTRTtpLTd7HwhEgwq.png?expires=1765605600&signature=c514375a954ce11ed4194ba95685adb9094b3cf67318f246bdb1f0a8748b58ef&req=dSEjHsl2nYJXWfMW3nq%2BgReLhxCOPgE4ZdNig3XcA%2FPEYsUYX%2BxETzXe19Od%0AS7UqO%2Bm5XpAfa7fGtYQOHlVfaJU%3D%0A)   #### Adobe fonts A common alternative is Adobe Fonts, but it's not recommended. Adobe Fonts require an Adobe subscription and sometimes don't have enough glyphs or styles. This is only supported for Grow and Scale publishers. If a publisher choose an Adobe Font, we will need to: - Check if the font has enough glyphs and styles; - Ask the publisher (or the holder of the Adobe subscription) to provide an embed script. *[Here's a step by step guide.](https://helpx.adobe.com/ca/fonts/using/add-fonts-website.html)* - Ask the publisher for the **web project ID**. It appears on the Web Projects tab (*[https://fonts.adobe.com/my\_fonts?browse\_mode=all#web\_projects-section](https://fonts.adobe.com/my_fonts?browse_mode=all#web_projects-section))*   ![](https://indiegraf.intercom-attachments-1.com/i/o/1148080392/8394bc5c8348788ec1a32248/5YxleTyu2fPEOWgOFO_p_xeS.jpg?expires=1765605600&signature=b5dc037fc7499ce6c3d1b18d584c6f27d64a27e53d6a79d685c755be5a4bd372&req=dSEjHsl2nYJWW%2FMW3nq%2BgT3lwYWJ0KLCl6eYPNLxbbvqnxlfHvvI0En333my%0AajryseJhL5KpaT7XD98cM7p%2F%2FjA%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. [mailto:support@indiegraf.com](mailto:support@indiegraf.com) Copyright © 2025, Indiegraf Media