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.
- • 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.
Display
text-6xl · medium · -0.06em
Heading 1
text-4xl/5xl · medium · tight
Heading 2
text-xl/3xl · medium
Body
text-base/lg · relaxed
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.
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
rounded-full · soft shadow · ping dot
Corner radius
Questions
Need source files, a specific logo format, or guidance on a brand use case? Reach out at support@churchai.com.