Branding & Colors

Make your booking page look and feel like an extension of your brand. Customize your logo, color palette, typography, and more to create a consistent customer experience.

Logo Upload

Your logo appears in the header of your booking page, on invoices, and in email communications. Upload your logo in a few simple steps:

1. Navigate to Settings → Branding
2. Click Upload Logo in the Logo section
3. Select your logo file from your computer
4. Crop or resize if needed using the built-in editor
5. Click Save to apply

Logo Requirements

• Format – PNG, JPG, SVG, or WebP
• Size – Recommended minimum 400x100 pixels
• File Size – Maximum 2MB
• Transparency – PNG or SVG with transparent background recommended for best results

Color Scheme

Define your brand colors to ensure your booking page matches your existing brand identity:

Primary Colors

• Primary Color – Used for buttons, links, and accent elements (e.g., your brand's main color)
• Primary Hover – The color shown when customers hover over buttons and links
• Primary Text – Text color used on primary-colored backgrounds (typically white)

Background Colors

• Page Background – The main background color of your booking page
• Card Background – Background color for service cards and form sections
• Header Background – Background color for the page header area

Text Colors

• Heading Color – Color for headings and section titles
• Body Text Color – Color for paragraph text and descriptions
• Muted Text Color – Color for secondary text and labels

Set colors by entering a hex code (e.g., #3B82F6) or using the color picker. Changes preview in real time on the right side of the settings page.

Fonts

Choose typography that matches your brand personality. SeroBook offers a curated selection of fonts:

Font Settings

• Heading Font – Used for page titles, section headings, and service names
• Body Font – Used for descriptions, paragraphs, and form labels
• Font Size Scale – Adjust the base font size to make text larger or smaller overall

Available Font Families

Choose from a variety of Google Fonts, including:

• Sans-serif – Inter, Open Sans, Lato, Roboto, Poppins, Montserrat
• Serif – Merriweather, Playfair Display, Lora, Source Serif Pro
• Display – Oswald, Raleway, Nunito, Quicksand

Favicon

The favicon is the small icon that appears in browser tabs and bookmarks. A custom favicon adds a professional touch:

1. Go to Settings → Branding → Favicon
2. Upload a square image (recommended 512x512 pixels)
3. SeroBook automatically generates the required sizes for different devices
4. Save to apply the new favicon

Favicon Requirements

• Format – PNG, ICO, or SVG
• Dimensions – Square aspect ratio (1:1)
• Minimum Size – 32x32 pixels (512x512 recommended for best quality)
• File Size – Maximum 500KB

Booking Page Appearance

Beyond colors and fonts, customize the overall look of your booking page:

Layout Options

• Page Width – Choose between full-width or centered layout
• Corner Radius – Set the roundness of buttons, cards, and form fields (from sharp to fully rounded)
• Shadow Style – Choose from no shadow, subtle, or prominent card shadows
• Spacing – Adjust the amount of whitespace between sections

Booking Form Style

• Service Cards – Choose how services are displayed (list view, grid view, or compact view)
• Time Slot Style – Buttons, list, or timeline view for available times
• Form Fields – Outlined, filled, or underlined input style
• Button Style – Solid, outlined, or gradient buttons

Email Branding

Customize the emails that SeroBook sends on your behalf to maintain brand consistency:

Email Customization Options

• Logo in Header – Your logo appears at the top of every email
• Brand Colors – Buttons and accents in emails match your primary color
• Footer Text – Add your business address, phone number, and social links
• Reply-To Address – Set where customer replies are directed
• Sender Name – Emails are sent from your business name (e.g., "Acme Salon" instead of "SeroBook")

Configure email branding at Settings → Email → Branding. Preview each email template to see how it looks with your branding applied.

Brand Consistency Tips

Maintaining consistent branding across all touchpoints builds trust and recognition. Here are some best practices:

Visual Consistency

• Use the same logo everywhere — booking page, emails, invoices, and social media
• Stick to 2–3 brand colors maximum for a clean, professional look
• Use the same fonts on your booking page as your main website
• Keep image styles consistent (e.g., all photos with the same filter or framing)

Content Consistency

• Use the same business name spelling and capitalization everywhere
• Maintain a consistent tone of voice in descriptions and communications
• Keep service names and descriptions aligned between your website and booking page
• Use professional-quality images that represent your business accurately

Cross-Platform Checklist

• Booking page matches your main website's look and feel
• Email templates use the same branding as your booking page
• Invoices display your logo and brand colors
• Social media links are up to date
• Contact information is consistent across all pages

Next Steps

Continue building your branded experience:

• Site builder – Design your booking page layout with drag-and-drop
• Custom domain – Use your own domain for a fully branded URL
• White-label setup – Remove all SeroBook branding for a completely custom experience
• Email providers – Configure email delivery for branded communications