ChurchAI · Component Reference
internal
01 · Color tokens
- bg#f9fafb
- surface#ffffff
- ink#111827
- dim#6b7280
- faint#9ca3af
- hairline#e5e7eb
- accent blue#3b82f6
- accent soft#eff6ff
- Zoe purple#8b5cf6
- terracotta#f97316
- terracotta soft#fff7ed
- green#10b981
- Zoe gradientto bottom right: #3b82f6 → #6366f1 → #8b5cf6
02 · Type scale
Attendance is steady, but giving is leaking.
Three things moved this week.
Emma Rodriguez came back on Sunday after six quiet weeks, and her small group leader followed up the same afternoon.
Based on 214 people and 13 weeks of check-in, giving, and serving data.
State of the Church · Jul 1 – Jul 28 · 214 people
1,284 checked in · $48,210 given · 96% coverage
03 · Buttons & controls
ActionChip rendered live (active + inactive). The primary button and dropdown render live in section 08's header; the search field and filter chips render live inside section 10 (People). Crop them from those frames — they are not exported as standalone components.
04 · Status pills
Pills are internal to their views. Crop Serving / Regular / Quiet from section 10 (People rows) and Sent / Scheduled / Draft from section 11 (Text & Email table).
Rendered live inside sections 10 and 11 below.
05 · Impact strip — ImpactStrip
06 · Needs Attention card — PriorityQueue
The live one-by-one review with reasons and the action row, on the at-risk sample data the app uses.
Daniel Okafor
Why Daniel is on this list
Weekly attender for 14 months, only came once in the last 6 weeks
Suggested next step, Have his men's group leader send a warm, personal text this week.
Take action with Constellation
07 · Reach-out expander — ReachPanel
Open state with the Zoe draft, modifier chips, Text / Email toggle, and send.
Draft ready · edit freely
08 · Insights masthead — InsightsConstellation
The verdict banner with hero number and sparkline sits at the top of this live view. Section 09's ministry cards render in the grid beneath it.
Your Church · July
How your church is doing this month.
By ministry
09 · Ministry cards
Rendered live in section 08 above — crop a healthy sparkline card and the Kids terracotta card side by side from the 'By ministry' grid.
See section 08.
10 · People group — PeopleView
Contains the group header with rail + count, member rows, Serving / Regular / Quiet pills, the search field, and segment filter chips.
Your congregation
People
Your church family is thriving. 42 actively engaged, 5 just joined, and a few would love to hear from you.
11 · Message row — CommsView
Contains the Text & Email table rows with open / reply stats and the Sent / Scheduled / Draft pills.
Messaging
Text & Email
Reach your people where they are. Recent sends and their results below.
| Message | Audience | Sent | Open | Click/Reply | Status | Actions |
|---|---|---|---|---|---|---|
EMAIL 1,284 people | All members | 2 days ago | 61%strong | 24% | Sent | |
TEXT 218 people | Parents | 4 days ago | 47% | 47% replied | Sent | |
TEXT 340 people | Not seen 6+ wks | 1 week ago | 33% | 33% replied | Sent | |
EMAIL 129 people | Serving | 2 weeks ago | 72%strong | 41% | Sent | |
EMAIL 57 people | Joined recently | Sends Sun 9:00am | — | — | Scheduled |
12 · Automation card — AutomationsView
Contains the automation cards with flow-summary line and enrolled count.
Workflows
Automations
Set it up once and let it care for people on time, every time.
13 · Zoe button + chip panel — ChatLauncher / InsightChat
Both are fixed-position overlays, contained here inside their own frames. The launcher's tip bubble appears a few seconds after load.
14 · Login gradient panel — LoginView
The 'Make More Disciples' entry panel at 50% scale.
Welcome back, let's continue making disciples.