StorehousePrep

Family Preparedness, Rooted in Faith

StorehousePrep was born from a simple conviction: every family deserves to face the unknown with confidence, not fear. Inspired by the biblical wisdom of Joseph, who stored grain during years of abundance to sustain his people through famine (Genesis 41), we believe preparedness is an act of love and stewardship.

Our app brings together everything a family needs: supply inventory tracking, emergency drills with step-by-step guidance, medical reference guides, rally point mapping, community networking, and a curated gear store. All wrapped in a secure, offline-capable platform that works when the power goes out and the cell towers go down.

"A prudent person foresees danger and takes precautions." — Proverbs 27:12

Faith First

Our foundation is biblical stewardship, not panic. We prepare with purpose and trust God with the rest.

Family Centered

We serve households, not lone wolves. Every feature is designed for families preparing together.

Practical Action

Every feature drives real-world readiness. No fluff, no fear-mongering — just actionable tools.

Community Resilience

Prepared families build prepared communities. We connect households for mutual support.

01 — Identity

Logo System

The StorehousePrep logo features a house with a cross and wheat stalks, representing shelter, faith, and provision. Use the correct variant for each context.

Logo on dark background

Primary — Dark Background

Default usage for digital, dark UI, social media

Download SVG
Logo on light background

Light Background

For print, white surfaces, light-mode contexts

Download SVG
Logo transparent

Transparent

For overlays, watermarks, video intros

Download SVG
Green icon mark

Icon Mark — Green

Favicon, app icon, small contexts

Download SVG
Wordmark dark

Wordmark — Dark

Logo + brand name. For headers, banners, partnerships

Download SVG
Wordmark light

Wordmark — Light

For print documents, light backgrounds, invoices

Download SVG

Clear Space

Maintain a minimum clearance around the logo equal to 25% of the logo's width on all sides. No text, graphics, or imagery should encroach into this zone.

Minimum Size

  • Full logo: 120px width (digital) / 1 inch (print)
  • Icon mark alone: 32px width / 0.33 inches
  • Wordmark: 200px width minimum

Preferred Backgrounds

  • Primary: Dark backgrounds (#030712, #111827, #1f2937)
  • Acceptable: White or very light gray (#f9fafb, #ffffff)
  • Avoid: Medium grays, busy photos, patterned surfaces

File Formats

  • SVG: All digital use (scales infinitely)
  • PNG: Export from SVG at 2x for print (1024px+)
  • Use the PNG export tool below for raster versions

Logo Misuse

Never modify the logo in the following ways:

X

Do not stretch or distort

X

Do not recolor

X

Do not add effects

X

Do not rotate

X

Do not use on low-contrast bg

X

Do not invert colors

02 — Color

Color Palette

Click any swatch to copy its hex code. Our palette uses deep, dark surfaces with vibrant green accents to convey security and growth.

Surfaces

Vault Black
#030712
rgb(3, 7, 18)
Page background
Dark Surface
#111827
rgb(17, 24, 39)
Cards, surfaces, header
Elevated
#1f2937
rgb(31, 41, 55)
Hover states, elevated cards
Border
#374151
rgb(55, 65, 81)
Borders, dividers

Primary Accent

Green 400
#4ade80
rgb(74, 222, 128)
Gradient start, light accent
Green 500
#22c55e
rgb(34, 197, 94)
Primary CTA, brand accent
Green 600
#16a34a
rgb(22, 163, 74)
Pressed states, dark accent

Secondary Accent

Amber 400
#fbbf24
rgb(251, 191, 36)
Badges, warmth, PWA icon
Amber 500
#f59e0b
rgb(245, 158, 11)
Secondary accent, highlights

Text

Primary Text
#f9fafb
rgb(249, 250, 251)
Headings, primary content
Secondary Text
#9ca3af
rgb(156, 163, 175)
Body text, descriptions
Muted
#6b7280
rgb(107, 114, 128)
Captions, timestamps, hints

Gradients

Brand Gradient

linear-gradient(135deg, #4ade80, #22c55e)

Surface Gradient

linear-gradient(135deg, #1f2937, #111827)

Amber Gradient

linear-gradient(135deg, #f59e0b, #d97706)

03 — Typography

Type System

Three complementary font families form a clear hierarchy: serif for authority, sans-serif for clarity, monospace for data.

Family Preparedness
DM Serif Display / Regular 400
48px / 3rem / line-height 1.1
Hero headlines, page titles
Your Family's Storehouse
DM Serif Display / Regular 400
36px / 2.25rem / line-height 1.2
Section headers
Supply Categories
DM Sans / Bold 700
24px / 1.5rem
Sub-headers, card titles
Water Storage Basics
DM Sans / Bold 700
20px / 1.25rem
Card headers, labels
StorehousePrep helps families prepare with confidence, providing the tools and knowledge you need to protect what matters most.
DM Sans / Regular 400
18px / 1.125rem
Body large, intro paragraphs
Track your supplies, practice emergency drills, connect with your community, and build your family's storehouse of readiness.
DM Sans / Regular 400
16px / 1rem
Default body text
Last updated 3 days ago
DM Sans / Regular 400
14px / 0.875rem
Captions, metadata
62% Ready  |  45 gallons  |  21 days
JetBrains Mono / Medium 500
16px / 1rem
Statistics, data readouts, code
SECTION LABEL
DM Sans / Medium 500
12px / 0.75rem / uppercase
Section labels, category tags

Headlines

'DM Serif Display', Georgia, serif
Use for hero titles, section headers, and any text that needs authority and gravitas. Regular weight only.

Body & UI

'DM Sans', system-ui, -apple-system, sans-serif
Primary interface font. Use Regular (400) for body, Medium (500) for labels, Bold (700) for headers and buttons.

Data & Code

'JetBrains Mono', 'Fira Code', monospace
Statistics, percentages, timestamps, code snippets. Adds a technical, reliable feel to data displays.

04 — Voice

Brand Voice

Our voice is guided by four pillars. We speak with purpose, never panic. Every message should feel like a trusted friend helping you get ready.

Faithful

We speak from biblical conviction, not fear. Scripture informs our messaging naturally.

"A prudent person foresees danger and takes precautions."

"The world is ending — buy now or die!"

Practical

Every word serves a purpose. We are concise, actionable, and clear.

"Store 1 gallon of water per person per day."

"It's really important to think about maybe considering water storage options."

Family-Centered

We speak to households, not individuals. We honor the family unit.

"Assign each family member a role in your emergency plan."

"As a lone wolf prepper, you need..."

Encouraging

We motivate progress over perfection. No shaming, no gatekeeping.

"You're 62% ready — keep building!"

"If you haven't started, you're already too late."

Messaging Framework

Elevator Pitch

StorehousePrep is a faith-based family preparedness app that helps you organize supplies, practice emergency drills, and build community resilience.

Short Description

Your complete family preparedness app. Emergency roadmaps, supply tracking, survival gardening, medical guides, family drills, and community networking. Rooted in faith, ready for anything.

Tagline
Family Preparedness, Rooted in Faith
Call-to-Action Phrases
Start Preparing Build Your Storehouse Get Ready Together Protect What Matters Get Started Free
Scripture References

Proverbs 27:12 — "A prudent person foresees danger and takes precautions."
Genesis 41 — Joseph stores grain for the years of famine.
2 Timothy 1:7 — "For God has not given us a spirit of fear, but of power, love, and a sound mind."
Proverbs 24:27 — "Prepare your work outside; get everything ready for yourself in the field."
Joshua 24:15 — "As for me and my house, we will serve the Lord."

05 — Social

Social Media Sizing

Reference guide for all platform asset dimensions. Downloadable templates are available in the Downloads section below.

06 — Assets

Download Assets

All brand assets as SVG (infinitely scalable). Use the "Export as PNG" button to generate raster versions at any size.

Logo — Dark

SVG · 512x512
Download SVG

Logo — Light

SVG · 512x512
Download SVG

Logo — Transparent

SVG · 512x512
Download SVG

Icon Mark — Green

SVG · 400x400
Download SVG

Wordmark — Dark

SVG · 800x200
Download SVG

Wordmark — Light

SVG · 800x200
Download SVG

Social Profile

SVG · 400x400
Download SVG

X / Twitter Banner

SVG · 1500x500
Download SVG

Facebook Cover

SVG · 1200x630
Download SVG

Email Header

SVG · 600x200
Download SVG

Email Signature

SVG · 300x100
Download SVG

Color Palette Card

SVG · 800x400
Download SVG

Export as PNG

Convert any SVG asset to a high-resolution PNG. Runs entirely in your browser.