Branding & Customization

​

Church Branding

Customize SoapBox with your church’s visual identity. Your brand helps members feel at home and reinforces your church’s identity across digital touchpoints.

​

Accessing Brand Settings

Go to Admin > Settings > Branding

​

Color Scheme

​

Primary Color

Your main brand color:

• Used for buttons and links
• Highlights and accents
• Navigation elements

​

Secondary Color

Supporting brand color:

• Complementary elements
• Secondary buttons
• Background accents

​

How to Set Colors

1. Enter hex code (e.g., #4F46E5)
2. Or use color picker
3. Preview changes
4. Save when satisfied

​

Color Suggestions

​

Logo Usage

​

Logo Placement

Your logo appears:

• App header
• Email communications
• Exported documents
• Shared content

​

Logo Formats

Upload multiple versions: Primary Logo

• Full-color version
• Horizontal layout preferred
• SVG or PNG

Dark Mode Logo

• Light-colored version
• For dark backgrounds
• Same dimensions as primary

Icon/Mark

• Simplified version
• Square format
• Used in small spaces

​

Logo Guidelines

• Minimum size: 100px height
• Maximum file size: 2MB
• Transparent background recommended
• No additional text or taglines in logo file

​

Typography

​

Font Selection

Choose fonts that match your brand: Heading Font

• Used for titles
• Can be more distinctive
• Ensures brand recognition

Body Font

• Used for content
• Should be highly readable
• Clean and professional

​

Available Fonts

Select from web-safe fonts including:

• Inter (modern, clean)
• Roboto (friendly, approachable)
• Open Sans (neutral, professional)
• Lato (warm, stable)
• Plus custom font upload (Pro feature)

​

Custom Content

​

Welcome Message

Customize the welcome message new members see:

• Personal greeting
• What to do first
• Who to contact for help
• Church-specific instructions

​

Custom Links

Add links to church resources:

• Church website
• Give page
• Contact form
• Custom pages

​

Footer Content

Customize app footer:

• Copyright notice
• Legal links
• Contact information

​

Email Customization

​

Email Template

Customize automated emails: Header

• Church logo
• Brand colors
• Church name

Footer

• Church address
• Social media links
• Unsubscribe info
• Legal text

​

Email Sender

Configure sending identity:

• From name (e.g., “Grace Community Church”)
• Reply-to address
• Signature block

​

Content Appearance

​

Community Feed

Customize feed appearance:

• Card style
• Image display
• Interaction buttons

​

Event Cards

Customize event presentation:

• Featured image display
• Information layout
• RSVP button style

​

Profile Cards

Member profile appearance:

• Avatar shape (circle, square, rounded)
• Info display
• Badge visibility

​

Advanced Branding (Pro)

​

Custom Domain

Use your own domain:

• church.yourdomain.com
• Full white-label experience
• SSL certificate included

​

Custom CSS

For advanced customization:

• Override default styles
• Create unique experiences
• Requires CSS knowledge

​

App Icon (Enterprise)

Custom app icon for:

• PWA installations
• Home screen icon
• Browser favicon

​

Branding Across Features

​

Giving

Brand your giving experience:

• Custom giving page header
• Branded receipts
• Thank you messages

​

Check-In

Custom check-in experience:

• Welcome screens
• Name tag templates
• Kiosk branding

​

Communications

Branded communications:

• Email headers
• SMS sender ID (where supported)
• Push notification icon

​

Preview & Testing

​

Preview Mode

See changes before publishing:

1. Make branding changes
2. Click Preview
3. Review across screens
4. Check mobile appearance
5. Publish when satisfied

​

Test Accounts

Use test accounts to verify:

• Member experience
• Different role views
• Email appearance
• Mobile vs. desktop

​

Brand Consistency Tips

​

Next Steps