Branding: Logo and Color

Your brand is how customers recognize and trust your business. Driive lets you customize your booking experience with your own logo, primary color, and accent color so every touchpoint looks like it comes from you — not a generic scheduling tool.

Where to configure branding

Navigate to Setup > Company > Branding in the sidebar. This tab contains all the visual identity settings for your organization.

Uploading your logo

Your logo appears prominently on your booking pages, in the header of email notifications, and on the website widget.

How to upload

1. Go to Setup > Company > Branding.

2. Click the logo upload area or drag and drop your image file.

3. Your logo preview updates immediately.

4. Click Save to apply.

Logo guidelines

• File formats: PNG, JPG, or SVG.

• Recommended size: At least 200px wide. Driive will resize it proportionally.

• Transparent backgrounds work best. A PNG with a transparent background adapts cleanly to both light and dark surfaces.

• Keep it simple. Logos with fine detail or very small text may not render well at smaller sizes on mobile devices.

Setting your brand colors

Driive uses two colors to style your customer-facing pages:

Primary brand color

This is your main brand color. It's used for:

• Buttons on your booking page (e.g., "Book Now," "Continue")

• Header accents on email notifications

• The floating button on the website widget

• Links and active states on confirmation pages

Accent color

A complementary color used for secondary elements like hover states, progress indicators, and subtle highlights. If you're not sure what to choose, Driive suggests a default accent based on your primary color.

How to set colors

1. Go to Setup > Company > Branding.

2. Click the color swatch next to Primary Color.

3. Use the color picker to select your color, or type in a hex code (e.g., #2eba79).

4. Repeat for Accent Color.

5. Click Save.

Tip: Use the same colors from your website or logo. Most businesses already have a brand color — check your website header or business card for the hex code. If you're not sure, a tool like ImageColorPicker.com can extract colors from your logo.

Custom favicon

A favicon is the small icon that appears in browser tabs when customers visit your booking page. By default, Driive uses its own favicon, but you can upload a custom one to reinforce your brand.

1. Go to Setup > Company > Branding.

2. Scroll to the Favicon section.

3. Upload a square image (recommended 32x32px or 64x64px, PNG or ICO format).

4. Click Save.

Your custom favicon will appear in browser tabs when customers visit your booking pages.

Where your branding appears

Preview your branding

After saving your changes, you can preview how your branding looks in context:

• Booking page preview: Go to Booking Channels in the sidebar and click Preview on any channel to see your booking page with your current logo and colors.

• Email preview: Go to Settings > Notifications to preview email templates with your branding applied.

Best practices

• High contrast matters. Make sure your primary color has enough contrast against white text. Dark greens, blues, and reds work well. Very light colors like pale yellow may make button text hard to read.

• Test on mobile. Most of your customers will book from their phones. Check that your logo and colors look good on a small screen.

• Stay consistent. Use the same logo and colors across your website, Driive booking pages, email signatures, and printed materials. Consistency builds recognition and trust.

• Update after a rebrand. If you refresh your brand identity, update your Driive branding settings so your booking experience stays in sync.

What's next

• Company Information — Update your business name, phone, and other details.

• Deploy and Share — See your branding in action by deploying your booking page.