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.
Company Logo
Logo Guidelines
| Property | Recommendation |
|---|---|
| Size | 400x200 pixels |
| Format | PNG or JPG |
| Aspect ratio | 16:9 |
| Background | Transparent (PNG) preferred |
Uploading Your Logo
- Go to Settings → Branding tab
- Click the logo upload area
- Select your image file
- Preview the result
- 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
| Color | Purpose |
|---|---|
| Primary Color | Buttons, links, primary actions |
| Secondary Color | Accents, highlights, secondary elements |
Setting Colors
- Navigate to Settings → Branding
- Click the color picker for Primary Color
- Choose a color or enter a hex code
- Repeat for Secondary Color
- 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:
- Make changes in settings
- Open a photo request page in another tab
- Refresh to see changes
- 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
- Check file format (PNG or JPG only)
- Verify file size (under 2MB)
- Ensure proper dimensions
- Clear browser cache
Colors Not Applying
- Verify color format (hex code)
- Save settings
- Refresh the page
- Check for caching issues
Poor Quality Logo
- Upload higher resolution image
- Use vector-based source (then export as PNG)
- Avoid scaling up small images
Related Pages
- Workspace Settings - Complete settings guide
- PDF Reports - Branding in reports
- Template Messages - Message customization
