Your church website should feel like your church. In Gracely, you can set the whole look and feel of your public site in one place, without touching code. This guide walks you through the two ways to brand your site, where fonts come from, and how to set your logo.
Everything here lives in Portal Studio. Open it and go to Theme & Styles. If you're new to Portal Studio, start with Customizing Your Church Portal (Church Portal Studio).
👉 Log in to Gracely to follow along.
Two ways to style your site
There are two tools for branding, and they do different things:
Website Styles — one-click looks that set colors, fonts, and button/spacing all at once, and build a complete site for you.
Custom Color Theme — a single palette you create yourself that changes colors only.
Most churches pick a Website Style first, then (optionally) fine-tune the colors with a Custom Color Theme.
Website Styles
A Website Style is a complete, ready-made look. Each one sets a full palette, a matching set of fonts, and a button and spacing style, then generates a full 7-page site in that look. There are nine to choose from:
Canvas — the default for new churches
Heritage
Ember
Haven
Vesper
Bloom
Timber
Slate
Iris
Theme & Styles lists the nine Website Styles. Hover over a style and click ① Preview to try it. ② The Active badge marks the style your site uses now.
To explore a style, hover over it and click Preview to see how it looks. When you find one you like, click Apply This Style in the preview (or click the style itself) to switch your site over. The style you're currently using shows an Active badge.
Important: applying a style when you already have pages
If your site already has pages, Gracely asks how to apply the style:
Apply Colors Only (recommended) — updates colors and fonts and keeps your pages, content, and images exactly as they are.
Full Website Regenerate — builds a fresh 7-page site with stock images and sample content. This permanently replaces all your existing pages, content, and uploaded images.
Only choose Full Website Regenerate early, before you've done a lot of custom editing. If you've already invested time laying out your pages, it will lose those edits. When you're ready to customize individual pages, see Designing Your Public Church Portal: Portal Pages Guide.
Custom Color Theme
Want a style's layout but your own brand colors? Create a Custom Color Theme. You can have one custom palette, and it changes colors only — it does not rebuild your pages, so your page content stays exactly as it is.
There are two steps:
Choose a base style — this is where your fonts come from, since the custom theme only handles colors.
Set your five colors:
Lightest colour — your background
Secondary colour
Primary colour — your main brand color
Link colour
Darkest colour
Below the styles, under Custom Color Themes, click + Custom Theme, then pick the base style your fonts will come from.
① Change base style ② Theme name ③ the five colours, from Lightest colour to Darkest colour ④ Save.
Give your theme a name and click Save. Then click the theme and confirm with Apply Colors. Your site keeps its pages and picks up your new palette.
Where do fonts come from?
Fonts always come from the style you've chosen — each Website Style includes its own matching set of fonts. There's no separate font picker, so if you want a different typeface, try previewing another Website Style to find the fonts you like.
Setting your logo
Your site logo is your church profile image. To change it, go to Church Settings → Church details and click Change church logo — not in Portal Studio. Once it's set, it appears on your public site automatically. (There's no separate favicon setting.)