Awana reference rhythm
Hero, benefits, age/stage progression, activity breakdown, proof, resource section, lead form, and closing CTA.
Design System
Modern ministry curriculum system
A restrained Bible Blast system modeled after the rhythm of a serious ministry curriculum site: clear pathways, proof, weekly structure, forms, and confident CTAs.
Source Evidence
The reference site informs structure and seriousness; Bible Blast assets and copy inform color, voice, audience, and offer logic.
Hero, benefits, age/stage progression, activity breakdown, proof, resource section, lead form, and closing CTA.
Red, gold, blue, purple, and navy are taken from local brand context and logo-derived palette.
Homepage rewrite and Bible Biz copy define families, churches, homeschoolers, Scripture memory, rhythm, and free sample CTAs.
Voice Rules
Speak to the adult leader first. The design can carry warmth, but the copy should make Bible teaching feel clear, practical, and sustainable.
Use: Help kids know God's Word and carry it for life.
Use: Simple enough for one child. Structured enough for a church program.
Avoid: Hype-heavy claims, childish jokes, mascot language, or unsupported statistics.
Colors
Keep most sections white. Use color to make decisions clear, not to fill every surface.
| Name | Token | Value | Use |
|---|---|---|---|
| Red action | --at-color-red | #d02338 | Primary conversion and urgent CTA moments |
| Gold highlight | --at-color-gold | #f6cd27 | Progress, memory work, small emphasis |
| Blue trust | --at-color-blue | #30488a | Navigation, secondary CTA, ministry trust, and success states |
| Purple accent | --at-color-purple | #7c3b8c | Secondary visual accent and hero atmosphere |
| Ink | --at-color-ink | #182044 | Primary text |
Gradients
Gradient tokens exist for complete downstream coverage, but flat white surfaces are the default.
Two dark purple shades for the first viewport only.
High-priority final action.
Small support panel accent.
Typography
The default stack is system-based for portability. It avoids comic display styles and keeps dense ministry content readable.
Help kids know God's Word.
Body copy uses generous line height, navy text, and muted support copy to keep long-form curriculum pages easy to scan.
Sample kicker
Spacing
Use generous vertical spacing like a ministry landing page, then tighter card interiors for scan-friendly content.
80px default desktop rhythm.
24px interior padding.
12px gaps between actions.
Radii
Shadows
Motion
Use motion for hover, press, disclosure, and focus feedback. Respect reduced motion and avoid animated decorative backgrounds.
Token timing: fast 140ms, base 220ms, slow 360ms.
Imagery
Prefer authentic home, homeschool, and church learning imagery. Until approved photography exists, use the logo and simple original support graphics.

Iconography
Open book, verse, memory icons.
Calendar, repeat, check, progress icons.
Home, church, group, student icons.
Components
Components include primitive controls, navigation, feature cards, steps, status panels, forms, and website sections.
Adults get a structure that makes Scripture learning easier to sustain.
Reading, questions, memory work, songs, and rewards reinforce the lesson.
Kids build familiarity with Scripture over a repeated weekly rhythm.
Choose the Bible Blast path that fits your setting.
Read, review, quiz, sing, and encourage.
Let repetition turn Bible learning into a rhythm.
Applied UI
This composition shows the target section rhythm: hero promise, age/stage pathways, weekly activity breakdown, proof, resource CTA, and lead form.
Fast-paced Bible story reading, questions, Scripture memory, songs, rewards, and a repeatable weekly rhythm.
Learn About Bible BlastStudent-driven study for older students who are ready to search Scripture and build personal discipline.
Explore Bible BizAccessibility
Implementation Notes
Use BEM or plain semantic component classes and map all values back to `--at-*` tokens. For Bricks work, recreate components with native fields where possible and reserve custom CSS for token mapping and behavior that Bricks cannot express natively.
Known Gaps