​
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

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