Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.fanfare.io/llms.txt

Use this file to discover all available pages before exploring further.

​
Branding

Brand settings allow you to customize how your organization appears to consumers, including logos, colors, and email styling.

​
Accessing Brand Settings

Navigate to Settings > Brand to manage your brand appearance. Caption: Customize your brand appearance

​
Brand Theme

​
Color Configuration

SettingDescription
Primary ColorMain brand color
Secondary ColorAccent color
Background ColorPage background
Text ColorDefault text color
Caption: Configure your brand colors

​
Supported Color Formats

FormatExample
Hex#FF5733
RGBrgb(255, 87, 51)
HSLhsl(11, 100%, 60%)

​
Color Usage

Your brand colors appear in:
LocationColors Used
Experience PagesPrimary, Secondary
Email TemplatesPrimary, Background
Consumer NotificationsPrimary, Text
Call-to-Action ButtonsPrimary

​
Logo Configuration

​
Logo Upload

Upload your organization’s logo:
  1. Click on the logo upload area
  2. Select an image file
  3. Crop if necessary
  4. Save changes
Caption: Upload and preview your logo

​
Logo Requirements

RequirementSpecification
FormatPNG, JPG, SVG
Max Size2 MB
Recommended400x100 pixels
Aspect RatioFlexible (will scale)
BackgroundTransparent recommended

​
Logo Placement

Your logo appears in:
LocationSize/Format
Email HeaderFull width, scaled
Experience PagesHeader area
NotificationsThumbnail
ReceiptsHeader area

​
Email Settings

Configure how emails appear to consumers.

​
Sender Information

FieldRequiredDescription
From EmailYesSender email address
From NameYesDisplay name for sender
Reply-To EmailNoWhere replies are sent
Reply-To NameNoDisplay name for reply-to
Caption: Configure email sender information

​
Email Branding

Emails are automatically branded with:
  • Your logo in the header
  • Brand colors for accents
  • Company name and contact
  • Unsubscribe link (where required)

​
Email Preview

Preview how branded emails will appear:
  1. Configure your settings
  2. Click Preview Email
  3. Review the preview
  4. Make adjustments if needed

​
Theme Presets

Quick-start with preset themes:
PresetDescription
LightClean, light background
DarkModern dark theme
MinimalSimple, minimal styling
CustomFull customization

​
Applying a Preset

  1. Select a preset from the dropdown
  2. Colors auto-populate
  3. Customize further if desired
  4. Save changes

​
Advanced Styling

​
Custom CSS (Enterprise)

Enterprise plans can add custom CSS: 
/* Example custom styles */
.fanfare-button {
  border-radius: 8px;
}

.fanfare-header {
  font-family: "Your Font", sans-serif;
}

​
Font Configuration

SettingDescription
Heading FontFont for titles
Body FontFont for body text
Button FontFont for buttons

​
Preview and Testing

​
Live Preview

See changes in real-time:
  1. Make a change
  2. Preview updates immediately
  3. Switch between views
  4. Save when satisfied
Caption: Preview your brand settings in real-time

​
Test Email

Send a test email to verify branding:
  1. Click Send Test Email
  2. Enter your email address
  3. Receive the test
  4. Verify appearance

​
Saving Changes

  1. Make your changes
  2. Click Save to apply
  3. Wait for confirmation
  4. Changes take effect immediately

​
What Happens on Save

ItemUpdate Timing
New ExperiencesImmediate
Existing ExperiencesOn next load
EmailsNext email sent
Consumer PagesImmediate

​
Brand Consistency

​
Best Practices

  1. Use consistent colors - Match your brand guidelines
  2. High-quality logo - Use vector or high-res images
  3. Readable contrast - Ensure text is readable
  4. Test on devices - Check mobile and desktop

​
Accessibility

Consider accessibility when customizing:
GuidelineRecommendation
Color Contrast4.5:1 minimum ratio
Text SizeMinimum 16px body text
Alt TextDescribe logo for screen readers
Focus StatesVisible focus indicators

​
Troubleshooting

​
Logo Not Displaying

  1. Check file format is supported
  2. Verify file size is under limit
  3. Try re-uploading
  4. Clear browser cache

​
Colors Look Different

  1. Check color code is correct
  2. Consider monitor calibration
  3. Test on multiple devices
  4. Review in different browsers

​
Emails Not Branded

  1. Verify brand settings are saved
  2. Check email sender is configured
  3. Send a test email
  4. Contact support if issues persist

​
Resetting to Defaults

To reset all brand settings:
  1. Click Reset to Defaults
  2. Confirm the action
  3. All settings return to defaults
  4. Logo is removed
Resetting brand settings cannot be undone. Save your current configuration before resetting if you may want to restore it.