​

Organization Branding

This guide explains how to customize your organization’s branding in Spicerack, ensuring a consistent and professional look across all touchpoints with your community.

​

Branding Overview

Spicerack allows you to customize the visual appearance of your organization’s presence, including:

• Logos and brand marks
• Color schemes
• Typography
• Custom domains
• Email templates
• Event and registration pages

​

Accessing Branding Settings

1. Log in to your Spicerack admin dashboard
2. Navigate to Organization > Branding
3. You’ll see all available branding customization options

​

Logo Management

​

Primary Logo

Upload and configure your main organization logo:

1. In the branding section, find the Primary Logo area
2. Click Upload Logo
3. Select your logo file (recommended: PNG or SVG with transparent background)
4. Adjust display settings:
   • Size constraints
   • Padding preferences
   • Alternative text
5. Save changes

​

Additional Brand Assets

Upload supplementary brand imagery:

1. Scroll to the Additional Assets section
2. Upload:
   • Favicon (browser tab icon)
   • App icon
   • Social media profile image
   • Watermark for event graphics
   • Badge and certificate logos

​

Color Scheme

​

Primary Color Palette

Set your organization’s core colors:

1. Navigate to the Colors section
2. Configure:
   • Primary brand color
   • Secondary color
   • Accent colors
   • Text colors
3. Use the color picker or enter hex/RGB values
4. View live preview of your selections
5. Save changes

​

Interface Theme

Control the overall look and feel:

1. Go to Theme Settings
2. Choose between:
   • Light mode
   • Dark mode
   • Auto (follows user system preference)
3. Preview each option
4. Set your default theme

​

Typography

​

Font Selection

Customize text appearance:

1. Navigate to Typography settings
2. Select fonts for:
   • Headings
   • Body text
   • Buttons and UI elements
3. Choose from available web-safe fonts or add custom fonts
4. Set default sizes and weights
5. Save your preferences

​

Custom Font Upload

Add your organization’s proprietary fonts:

1. In Typography settings, select Add Custom Font
2. Upload font files (WOFF2 format recommended)
3. Set usage permissions
4. Configure fallback fonts

​

Custom Domain

​

Setting Up Your Domain

Connect your own domain to your Spicerack presence:

1. Go to Domains in the branding section
2. Click Add Custom Domain
3. Enter your domain name
4. Follow the DNS configuration instructions
5. Verify domain ownership
6. Activate your custom domain

​

SSL Certificate

Secure your custom domain:

1. After domain verification, navigate to SSL Settings
2. Choose to:
   • Use Spicerack’s managed SSL (recommended)
   • Upload your own certificate
3. Activate SSL protection

​

Email Customization

​

Email Templates

Brand your automated emails:

1. Go to Email in the branding section
2. Select from available email types:
   • Registration confirmations
   • Event reminders
   • Results notifications
   • Password resets
   • General announcements
3. Customize template with your:
   • Logo
   • Colors
   • Footer information
   • Social media links

​

Email Sender Settings

Configure how emails appear to recipients:

1. Navigate to Email Settings
2. Set:
   • From name
   • Reply-to address
   • Email signature
   • Legal footer content

​

Event Page Customization

​

Event Page Templates

Create branded event pages:

1. Go to Event Branding
2. Select a template to customize
3. Add:
   • Banner images
   • Event page layouts
   • Registration form styling
   • Results page design
4. Save as default or create multiple templates

​

Registration Forms

Brand your event registration process:

1. Navigate to Registration Branding
2. Customize:
   • Form header
   • Button styles
   • Input field appearance
   • Confirmation pages

​

Mobile Experience

​

Mobile App Branding

If using the Spicerack mobile app experience:

1. Go to Mobile Branding
2. Customize:
   • App splash screen
   • Navigation elements
   • Card styles
   • Notification appearance

​

Style Guide Export

Generate your brand guidelines for reference:

1. Navigate to Style Guide
2. Click Generate Style Guide
3. Review the compiled brand elements
4. Download in PDF format
5. Share with your team for consistent brand application