Branding
The Perimeter Church brand identity — kept distinct from UI theme tokens so the product can restyle surfaces without touching the master brand.
Logo marks
Real brand-mark SVGs will live at apps/site/public/brand/*.svg. The placeholders below will be swapped for the real marks in a follow-up; update this page to <Image src="..."/> when the files land.
Primary mark
Full-color logo on light backgrounds
White mark
Reversed logo on dark backgrounds
Monochrome
Single-color stamp for print, embossing, monochrome contexts
Brand palette
Primary Purple
Primary CTAs, branded moments, the default --color-primary token
#4A3A9Aoklch(0.488 0.145 283)Warm Stone 950
Dark-mode background, high-contrast text in light mode
#1C1917oklch(0.147 0.012 50)Warm Stone 50
Light-mode background, inverted text in dark mode
#FAFAF9oklch(0.985 0.002 75)Chart Green
Success states, positive metrics, --color-success
#4AA16Doklch(0.59 0.16 145)Chart Amber
Warning states, caution metrics, --color-warning
#C9A04Aoklch(0.78 0.15 80)Chart Red
Destructive actions, error states, --color-destructive
#D54D3Foklch(0.577 0.245 27)Usage guidelines
Clearspace
Leave at least one mark-height of empty space on every side of the logo. Never crowd with text, photography, or graphics.
Don’t
- Rotate, skew, or stretch the mark
- Recolor the primary mark with non-brand colors
- Apply drop shadows, gradients, or bevels to the mark
- Place the primary mark on low-contrast or busy backgrounds — use the white or monochrome mark instead
Tone
Warm, welcoming, deliberate. The brand is a church — communications should feel personal and grounded, not corporate. Prefer sentence case, short sentences, and human verbs.