Bible Blast design system

Three joyful systems for kids who remember God’s Word.

Each option keeps Bible Blast bright, fast-paced, and rewards-based while giving parents, homeschoolers, grandparents, and churches a trustworthy curriculum experience.

Bible Blast logo with a bright yellow burst behind a red Bible and colorful hands

Cover / System Overview

The three systems vary by energy level, trust posture, and group-game intensity while sharing sampled logo colors: red #D02338, gold #F6CD27, blue #30488A, purple #7C3B8C, green #69B553, navy #312D77, and paper #F4F2F1.

Option 1

Burst Playground

Closest to the logo and reference: purple stage blocks, yellow burst moments, green action buttons, scalloped edges, and sticker-like learning chips.

Best Fit

  • Use case: Main marketing system and sample curriculum downloads.
  • Strength: Most kid-loved and memorable.
  • Tradeoff: Needs disciplined spacing so it does not become noisy.
Option 2

Storybook Chapel

Warmer and calmer: storybook cream pages, chapel blue, craft-paper yellow, and rounded chapter-card components for parents and church directors.

Best Fit

  • Use case: Parent education pages, church onboarding, and pricing materials.
  • Strength: Trustworthy without losing delight.
  • Tradeoff: Less explosive than the logo’s natural personality.
Option 3

Quiz Rally

Bolder and more competitive: blue scoreboard surfaces, red challenge signals, yellow achievement blocks, and compact controls for weekly Blasts.

Best Fit

  • Use case: Quiz results, church group dashboards, leaderboards, and rewards flows.
  • Strength: Clear game/rewards momentum.
  • Tradeoff: Feels more operational and less storybook-soft.

Color System

Each palette starts with sampled colors from the live Bible Blast logo, then adds accessible darkened or softened role variants only where text contrast requires them.

Burst Playground

--bb-logo-purple
#7C3B8C
Hero / primary
--bb-logo-gold
#F6CD27
Bursts / chips
--bb-logo-green
#69B553
Primary CTA fill
--bb-logo-red
#D02338
Book / alerts
--bb-logo-blue
#30488A
Outlines / links
--bb-logo-paper
#F4F2F1
Light surface

Storybook Chapel

--bb-logo-blue
#30488A
Primary
--bb-logo-gold
#F6CD27
Highlights
--bb-leaf-800
#3F7038
Accessible CTA variant
--bb-book-red-700
#B92E43
Important text / alert
--bb-logo-purple
#7C3B8C
Accent
--bb-page-100
#FFF8E8
Page surface

Quiz Rally

--bb-logo-navy
#312D77
Scoreboard
--bb-logo-gold
#F6CD27
Rewards
--bb-logo-red
#D02338
Challenge
--bb-correct-700
#3F8B3E
Accessible correct state
--bb-logo-purple
#7C3B8C
Bonus round
--bb-score-50
#F3F8FF
Panel surface

Typography System

The display stacks are intentionally chunky and rounded, with sturdy body stacks for adults reading curriculum details.

Burst Playground

Display 64/0.96
Simple to run. Impossible to forget.
H2 44/1.02
Fun, fast-paced Bible learning
Body 18/1.55
Guided questions, scripture memory, songs, drills, weekly quizzing, and rewards.
Label 13/1.2
Ages 4-12 curriculum token

Display: Baloo 2 / Arial Rounded. Body: Nunito Sans / Trebuchet. Tracking stays 0 for legibility.

Storybook Chapel

Display 58/1.02
God’s Word written on their hearts.
H2 40/1.08
A steady rhythm families can keep
Body 17/1.6
Warm copy, clear proof, and parent-friendly details support church decisions.
Label 13/1.2
Church director note

Display: Cooper Black / Georgia. Body: Nunito Sans / Trebuchet. Slightly smaller scale keeps the system calmer.

Quiz Rally

Display 60/0.98
Weekly Blast scoreboards
H2 42/1.04
Two programs. One mission.
Body 16/1.5
Compact dashboards show attendance, quiz streaks, rewards, and memory progress.
Label 12/1.2
Quiz round status

Display: Fredoka / Arial Rounded. Body: Nunito Sans / Trebuchet. Compact labels support group reporting.

Spacing, Radius, Shadow, Motion

All systems use an 8px rhythm with a few 4px increments for small UI. Motion is quick and tactile, never flashy.

Burst Playground

TokenValue
Space4, 8, 12, 16, 24, 32, 48, 64
Radius8 small, 16 input, 22 card, 34 hero, 999 pill
Shadow0 8px 0 rgba(33,21,45,.18); 0 12px 26px rgba(33,21,45,.16)
Motion160ms ease for buttons; 220ms ease for panels
8 16 24 32

Storybook Chapel

TokenValue
Space4, 8, 16, 24, 32, 48, 72
Radius6 small, 12 input, 16 card, 24 feature, 999 pill
Shadow0 10px 0 rgba(86,59,24,.14); 0 14px 30px rgba(86,59,24,.12)
Motion140ms ease for buttons; 200ms ease for disclosure panels
8 16 24 32

Quiz Rally

TokenValue
Space4, 8, 12, 16, 20, 24, 32, 48
Radius6 small, 8 input, 10 card, 18 hero, 999 pill
Shadow0 8px 0 rgba(16,24,50,.22); 0 10px 24px rgba(16,24,50,.16)
Motion120ms ease-out for score feedback; 180ms ease for panels
8 16 24 32

Core Components

Component samples cover the practical set needed for Bible Blast marketing, forms, curriculum cards, alerts, and program controls.

Burst Playground

Buttons and Links

Parent guide link uses underline plus color.

Form Field

Used for sample lessons and weekly Blast updates.

Cards, Badges, Alerts, Tabs

Ages 4-12Bible Biz 5th-12th

Memory Verse Drill

Read, repeat, quiz, and reward the verse before Sunday review.

Status: Sample ready Week 1 includes story reading, guided questions, and a quiz sheet.

Storybook Chapel

Buttons and Links

Church director link stays visibly underlined.

Form Field

Follow-up copy should state what resource is being delivered.

Cards, Badges, Alerts, Tabs

Parent trustedChurch ready

Story Lesson Card

Warm lesson framing, clear scripture reference, and simple discussion prompts.

Status: Leader note Works for one child at home or a 300-kid children’s ministry.

Quiz Rally

Buttons and Links

Quiz report link is not color-only.

Form Field

Use for group quiz reports and reward tracking.

Cards, Badges, Alerts, Tabs

Quiz streakReward shelf

Weekly Blast Card

Group score, memory verse challenge, and next reward milestone.

Status: Round complete 24 kids finished the story quiz and 18 earned a verse badge.

Applied UI Sample

These are not page designs; they are component assemblies showing how each system behaves across a header, card grid, report panel, and CTA band.

Burst Playground

Build a generation of kids with God’s Word written on their hearts.

Fun, fast-paced, rewards-based curriculum for families, homeschoolers, grandparents, and churches.

Read

Bible story reading with guided questions.

Remember

Scripture memory, songs, raps, and drills.

Reward

Weekly quizzing keeps kids coming back.

1-300kids supported
4-12Bible Blast ages
5th-12thBible Biz ages

Two programs. One mission. Every age covered.

Keep the same joyful system as kids grow.

Choose direction

Storybook Chapel

Simple to run. Impossible to forget.

A curriculum rhythm families can keep and children’s directors can trust.

Story

Scripture-centered reading with warm prompts.

Practice

Memory work and songs structured for repetition.

Share

Home and church leaders see the same progress.

52weekly lessons
300church group scale
2program tracks

Fun, fast-paced, rewards-based curriculum.

Clear enough for adults, bright enough for kids.

Choose direction

Quiz Rally

Weekly Blasts kids can feel, leaders can measure.

Quiz rounds, memory streaks, and rewards turn repetition into momentum.

Quiz

Story questions and memory drills for groups.

Score

Fast reports for teams, classes, and families.

Celebrate

Reward badges keep weekly practice visible.

86%quiz completion
18verse badges
7day practice streak

Every age covered, every round memorable.

Bible Blast and Bible Biz share the same mission.

Choose direction

Accessibility Notes

The systems are playful, but the interaction rules are adult-grade: readable contrast, visible focus, clear labels, and reduced motion support.

Burst Playground

  • Use navy #312D77, page ink, or cream text on logo gold #F6CD27; avoid green text on yellow.
  • Reserve sampled red #D02338 for book identity, urgent alerts, or challenge moments with text labels.
  • Large rounded CTAs stay at least 44px high and keep strong blue focus rings.

Storybook Chapel

  • Sampled blue #30488A on warm cream is the main accessible reading pair.
  • Sampled gold #F6CD27 is a highlight surface, not small body text.
  • Keep motion subtle: page turns, accordions, and cards should finish under 220ms.

Quiz Rally

  • Logo navy #312D77 with off-white text is the safest high-energy pair.
  • Do not communicate quiz correctness with red/green alone; pair with labels.
  • Compact UI still needs 44px touch targets on tablets used in classrooms.

Implementation Notes

These notes are designed for a later Bricks/WordPress build without making this artifact a Bricks implementation.

Burst Playground

.bb-burst-section
.bb-sticker-chip
.bb-cta-green
.bb-scallop-edge
.bb-lesson-card

Use for the main public site if the goal is maximum brand match and kid energy. Define Bricks global colors from the --bb-* color names before page layout starts.

Storybook Chapel

.bb-chapel-panel
.bb-story-card
.bb-parent-note
.bb-page-gold-chip
.bb-leader-cta

Use when parent/church trust must lead. Keep the logo bright, but let surfaces feel more like curriculum pages and chapel bulletin boards.

Quiz Rally

.bb-scoreboard
.bb-quiz-tile
.bb-reward-badge
.bb-round-tabs
.bb-progress-panel

Use for quiz/reporting experiences, church dashboards, and group reward views. The compact geometry can pair with either of the other systems later.