Style Your Offer Page: Colors, Fonts, Theme, and Logo
Open your offer and go to the Style tab to set the page's brand color, CTA color, background color, logo, logo size, light or dark theme, and Google Fonts for headings and body text. Anything you leave alone follows your AI Hub's branding or OBIE's defaults.
Open your offer and go to the Style tab. There you can set the page's colors, logo, theme, and fonts. Anything you don't change follows your AI Hub's branding or OBIE's defaults, so you only need to touch what you want to be different on this page.
To get there, open your hub, select Offers, select the offer, then select Style.
Colors
- Brand color: the main accent color. Leave it empty to inherit your AI Hub's brand color.
- CTA / highlight color: the color of buttons and highlights. If you leave it empty, OBIE works it out from your brand color.
- Background color: the page background. Leave it empty to use the default.
Logo
Your hub's logo shows by default. Select Upload logo to use a different one on this page. PNG, JPG, SVG, and WebP files work. If you change your mind, select Reset to hub logo. Use the Logo size slider to set the logo's height anywhere from 24 to 160 pixels. It starts at 48.
Theme
Choose Light or Dark under Theme for the whole page. It starts out matching your hub's theme.
Fonts
Pick fonts from Google Fonts by typing a name into the search box for each one:
- Heading font: defaults to Plus Jakarta Sans.
- Sub-heading font: defaults to the same font as your headings.
- Body font: defaults to Inter.
For example, Walsh Consulting Group might keep Inter for body text and choose a serif like Playfair Display for headings.
Style one section differently
The Style tab sets the look for the whole page. To change a single section, go to the Content tab, select the section, and use Background color and Light / dark at the bottom of its settings. Light / dark offers Auto, Light, or Dark, and Auto follows the page. This is useful for a dark hero or a highlighted offer block on an otherwise light page. See Edit the Hero.
Saving and publishing
Style changes save as you make them, but they aren't on the live page until you select Publish. See Preview, Publish, and Unpublish Your Offer Page.
If a team member is already editing the style, you'll see a notice with their name and the fields are locked until they're done.
Frequently asked questions
- Will changing my hub's brand color update my offer page?
- Yes, if you left the page's brand color empty. The page inherits from your AI Hub until you set its own color.
- Why don't my style changes show on the live page?
- Style changes save to your draft. Select Publish to put them on the live page.
- Can I use a font that isn't on Google Fonts?
- The font fields search Google Fonts, so choose a family from that list.
Related help articles
Edit the Hero: Headline, Eyebrow, Media, and Button
Open your offer's Content tab and select Hero to edit the top of your page. You can change the eyebrow, headline, body text, call to action statement, button label, hero media, and the section's background color and light or dark look.
Read morePreview, Publish, and Unpublish Your Offer Page
Content and style save to a draft and go live when you select Publish; free sign-up field changes also need publication after Save. Product settings such as prices and access email apply on their own Save, while Unpublish takes the page offline without deleting it.
Read moreAdd, Hide, Reorder, and Remove Offer Page Sections
Open your offer and use the Content tab to manage page sections. Select Add section to draft a new one with AI, drag the handle to reorder, use Hide section to take one off the page without losing its copy, and Remove section to delete it.
Read more