Skip to content

Customization

Personalize your Visiono workspace to match your brand identity.

Overview

Customization options allow you to:

  • Upload your company logo
  • Set brand colors
  • Create a professional appearance
  • Build trust with customers

Professional Plan Required

Custom branding requires a Professional or Enterprise plan.

Logo Guidelines

PropertyRecommendation
Size400x200 pixels
FormatPNG or JPG
Aspect ratio16:9
BackgroundTransparent (PNG) preferred
  1. Go to SettingsBranding tab
  2. Click the logo upload area
  3. Select your image file
  4. Preview the result
  5. Click Save

Where Your Logo Appears

  • Photo upload pages (customer-facing)
  • PDF reports
  • Email templates (optional)
  • Public request pages

Logo Tips

  • Use a horizontal logo for best results
  • Ensure high contrast with both light and dark backgrounds
  • Avoid very thin lines that may not render well
  • Test on mobile devices

Brand Colors

Available Colors

ColorPurpose
Primary ColorButtons, links, primary actions
Secondary ColorAccents, highlights, secondary elements

Setting Colors

  1. Navigate to SettingsBranding
  2. Click the color picker for Primary Color
  3. Choose a color or enter a hex code
  4. Repeat for Secondary Color
  5. Click Save

Color Recommendations

Primary Color (Buttons/Links):

  • Use your main brand color
  • Ensure sufficient contrast for readability
  • Test with white text overlay

Secondary Color (Accents):

  • Complementary to primary
  • Often a lighter or darker variation
  • Used for highlights and borders

Color Accessibility

Consider accessibility when choosing colors:

  • Minimum contrast ratio of 4.5:1 for normal text
  • Avoid color combinations that are hard to distinguish
  • Test with color blindness simulators

Live Preview

When customizing:

  1. Make changes in settings
  2. Open a photo request page in another tab
  3. Refresh to see changes
  4. Adjust as needed

Default Appearance

Without customization:

  • Visiono logo displayed
  • Default orange color scheme
  • Standard styling

Best Practices

Brand Consistency

  • Use the same logo across all platforms
  • Match colors to your website
  • Keep styling consistent

Professional Appearance

  • High-quality logo image
  • Clean, readable colors
  • Avoid clashing color combinations

Mobile Considerations

  • Test on various screen sizes
  • Ensure logo is recognizable when small
  • Verify colors work on mobile browsers

Troubleshooting

Logo Not Displaying

  1. Check file format (PNG or JPG only)
  2. Verify file size (under 2MB)
  3. Ensure proper dimensions
  4. Clear browser cache

Colors Not Applying

  1. Verify color format (hex code)
  2. Save settings
  3. Refresh the page
  4. Check for caching issues
  • Upload higher resolution image
  • Use vector-based source (then export as PNG)
  • Avoid scaling up small images

Professional Photo Documentation Platform