Brand Guidelines

The ChurchAI brand system

A practical reference for how ChurchAI looks, sounds, and feels. Everything here is sourced directly from the live product and marketing site so anything you build stays consistent and on-brand.

Logo

The ChurchAI wordmark is our primary identifier. Give it room to breathe, keep it at a legible size, and place it on light, low-contrast surfaces.

ChurchAI logo on white
ChurchAI logo on slate
  • • Maintain clear space around the wordmark equal to the height of the mark.
  • • Don't stretch, recolor, rotate, or add effects to the logo.
  • • Avoid placing the logo on busy imagery or low-contrast backgrounds.

Color

A focused, trustworthy palette: a single confident indigo, calm slate neutrals, and soft gradient glows. Values are expressed in OKLCH, exactly as defined in the design tokens.

Core palette

Primary / Indigo

oklch(0.52 0.21 264)

bg-primary

Buttons, links, focus rings, key accents

Ink / Foreground

oklch(0.25 0.02 270)

text-foreground

Headings and high-emphasis text

Muted Foreground

oklch(0.55 0.02 270)

text-muted-foreground

Body copy and supporting text

Surface / Slate 50

oklch(0.985 0.002 247)

bg-slate-50

Page background across the site

Card / White

oklch(1 0 0)

bg-card

Cards, pills, elevated surfaces

Border

oklch(0.90 0.02 275)

border-border

Dividers and hairline borders

Gradient accents

Indigo Glow

oklch(0.87 0.07 280)

Hero mesh gradient

Violet Glow

oklch(0.85 0.08 300)

Hero mesh gradient

Blue Pop

oklch(0.81 0.10 252)

Hero gradient highlight

These soft, blurred glows are used sparingly behind the hero — never as solid fills or for primary UI.

Typography

Inter is our single typeface for everything. Headings use the medium weight with tight letter-spacing; body text stays relaxed and readable. Geist Mono is reserved for code and technical values.

Aa

Display

text-6xl · medium · -0.06em

Aa

Heading 1

text-4xl/5xl · medium · tight

Aa

Heading 2

text-xl/3xl · medium

Aa

Body

text-base/lg · relaxed

Aa

Small

text-sm · muted

Voice & tone

We speak like a trusted peer who has been in ministry — empathetic, direct, and free of jargon. We name the real problem, then point to a clear outcome.

We sound

  • • Empathetic and pastoral
  • • Plain-spoken and direct
  • • Outcome-focused, not feature-obsessed
  • • Confident without hype

We avoid

  • • Corporate buzzwords and acronyms
  • • Fear-mongering or guilt
  • • Overpromising or exaggeration
  • • Talking down to church leaders
Losing people was inevitable. Now it's preventable.
Primary headline — and the clearest example of our voice in action.

UI elements

Interface details that make the product feel unmistakably ChurchAI: a soft 0.625rem corner radius, a single primary button, and a subtle lift on hover.

Primary button

rounded-lg · bg-primary · hover:-translate-y-0.5

Status pill

Trusted By Churches

rounded-full · soft shadow · ping dot

Corner radius

md
lg · 0.625rem
2xl

Questions

Need source files, a specific logo format, or guidance on a brand use case? Reach out at support@churchai.com.