Custom Branding Guide
Create a cohesive brand experience across all your deal pages with custom logos, colors, fonts, and styling.
Why Custom Branding Matters
Custom branding transforms generic deal pages into professional, recognizable extensions of your business. When customers see consistent branding across all touchpoints—your website, emails, social media, and deal pages—they develop trust and familiarity with your brand. This consistency significantly increases perceived value, reduces buyer hesitation, and improves conversion rates. Professional branding communicates credibility and legitimacy, making customers more comfortable parting with their money.
The Psychology of Brand Consistency
Research shows that consistent branding across all platforms increases revenue by up to 33%. When your deal pages match your brand identity, customers feel they're dealing with the same trusted company, not a third-party platform. This seamless experience reduces friction and objections.
Core Branding Elements
1. Logo Implementation
Your logo is the most recognizable element of your brand. Place it strategically on deal pages to reinforce brand identity.
Logo Placement Best Practices
- • Header Position: Top-left corner (standard web convention)
- • Size: Large enough to be recognizable, but not overwhelming (typically 150-250px wide)
- • Format: PNG with transparent background for versatility
- • Responsiveness: Logo should scale down appropriately on mobile devices
- • Clickability: Make logo clickable, linking back to your main website
Logo File Requirements
- • Format: PNG (preferred) or SVG
- • Resolution: At least 2x for retina displays (e.g., 500px wide for 250px display)
- • File Size: Under 200KB for fast loading
- • Background: Transparent or solid color that matches your site
2. Color Palette Customization
Colors evoke emotions and create visual consistency. Apply your brand's color scheme to all deal page elements.
Primary Brand Color
Used for main buttons, headlines, and key call-to-action elements. Should be bold and attention-grabbing. Typically the most recognizable color in your brand.
#3B82F6 (Example)
Use for: CTA buttons, links, highlights
Secondary Brand Color
Complements primary color. Used for secondary buttons, accents, and less prominent elements.
#10B981 (Example)
Use for: Secondary CTAs, badges, icons
Background & Neutral Colors
Set the overall tone. Light backgrounds (white, light gray) for clean, modern look. Dark backgrounds for luxury, dramatic feel.
3. Typography & Font Selection
Fonts convey personality and improve readability. Choose fonts that align with your brand identity and work well on screens.
Font Pairing Guidelines:
Headline Font (Example: Georgia)
Bold, attention-grabbing font for headlines and key messages. Should be highly readable and impactful.
Body Font (Example: Arial)
Clean, easy-to-read font for body copy, descriptions, and longer text. Prioritize readability over style.
Pro Tip: Pair a decorative font for headlines with a simple sans-serif for body text. Limit yourself to 2-3 fonts maximum to maintain consistency.
4. Button & CTA Styling
Call-to-action buttons are critical conversion elements. Style them to stand out while matching your brand.
Button Design Elements
- • Color: Use your primary brand color for main CTAs
- • Size: Large enough to click easily (minimum 44x44px on mobile)
- • Border Radius: Match your brand style (sharp corners for modern/tech, rounded for friendly/approachable)
- • Hover Effects: Add subtle color change or shadow on hover
- • Text: Action-oriented copy ("Get Started," "Claim Your Spot," "Download Now")
Step-by-Step: Setting Up Custom Branding
1Access Branding Settings
- Log into your DrivenCart dashboard
- Navigate to Dashboard → Settings → Branding
- This is your centralized branding control panel
2Upload Your Logo
- Click "Upload Logo" button
- Select your logo file (PNG or SVG recommended)
- Preview how it looks on light and dark backgrounds
- Adjust logo size using the width slider (100-300px typical range)
- Enable "Make Logo Clickable" and enter your website URL
- Click "Save Logo Settings"
3Configure Color Scheme
- Primary Color: Click color picker and select your main brand color
- Secondary Color: Choose complementary color for accents
- Background Color: Set page background (usually white or light gray)
- Text Color: Ensure sufficient contrast for readability (WCAG AA compliance)
- Button Color: Customize CTA button colors and hover effects
- Preview changes in real-time on the right side of the screen
4Select Custom Fonts
- Choose Headline Font from Google Fonts library (200+ options)
- Choose Body Font for paragraph text
- Adjust font weights (light, regular, bold)
- Preview font combinations in real-time
- Ensure fonts are legible at various sizes
5Customize Button Styles
- Set button border radius (0 for sharp, 8-12px for rounded, 999px for pill-shaped)
- Configure button padding and font size
- Add shadows or gradients if desired
- Set hover effects (color change, scale, shadow increase)
- Preview on different button sizes and contexts
6Apply Branding Globally
- Toggle "Apply to All Deals" to use these settings site-wide
- Or apply branding selectively to specific deals
- Preview changes on a test deal page before publishing
- Click "Save All Branding Settings"
- Your custom branding is now live across all deal pages
Pro Tips for Effective Branding
🎨 Maintain Contrast for Readability
Ensure text color contrasts sufficiently with background colors. Use online contrast checkers to verify WCAG AA compliance (minimum 4.5:1 ratio for body text). Poor contrast reduces readability and hurts conversions.
📱 Test on Multiple Devices
Your branding should look perfect on desktop, tablet, and mobile. Colors may appear different on various screens. Logos should scale appropriately. Buttons should be easily tappable on touch devices.
🔄 Keep Consistency Across All Touchpoints
Use the same colors, fonts, and logo on your website, email campaigns, social media, and deal pages. Inconsistent branding confuses customers and reduces trust. Create a simple brand style guide document for reference.
⚡ Optimize Logo File Size
Large logo files slow down page loading. Compress your logo to under 200KB without losing quality. Use tools like TinyPNG or ImageOptim. Fast-loading pages convert better—every 100ms delay costs you conversions.
🎯 Make CTAs Stand Out
Your call-to-action buttons should be the most visually prominent elements on the page. Use contrasting colors that pop against the background. If your brand colors are subtle, consider a bolder accent color specifically for CTAs.
Advanced: White-Label Solutions
For agencies, resellers, or businesses wanting complete brand ownership, white-label solutions remove all DrivenCart branding:
🌐 Custom Domain Setup
Replace "drivencart.com" with your own domain (e.g., "deals.yourbusiness.com"). Customers never see the DrivenCart brand—only yours.
Setup: Dashboard → Settings → Custom Domain → Add DNS records as instructed → Verify domain
🎨 Remove "Powered by" Footer
Upgrade to premium plan to remove the "Powered by DrivenCart" footer link. Replace with your own footer content or leave blank.
Setup: Dashboard → Settings → Branding → Disable "Powered By" Footer
📧 Custom Email Branding
Transaction emails (purchase confirmations, delivery emails) can be customized with your logo, colors, and from-address. Customers receive emails from your brand, not DrivenCart.
Setup: Dashboard → Settings → Email Branding → Customize templates
Brand Psychology: Color Meanings
Colors evoke specific emotions and associations. Choose colors that align with your brand personality and target audience:
Blue
Trust, security, professionalism. Perfect for: Tech, finance, healthcare
Green
Growth, health, wealth. Perfect for: Environment, wellness, money
Red
Urgency, passion, excitement. Perfect for: Sales, food, entertainment
Orange
Energy, creativity, affordability. Perfect for: Fun brands, budget products
Purple
Luxury, wisdom, spirituality. Perfect for: Premium brands, beauty, coaching
Black/Dark Gray
Sophistication, elegance, power. Perfect for: Luxury, fashion, premium tech
Branding Checklist
Logo uploaded (PNG/SVG, under 200KB, transparent background)
Primary and secondary brand colors configured
Headline and body fonts selected and paired well
Button styles customized (color, shape, hover effects)
Text contrast verified for readability (WCAG AA minimum)
Tested on desktop, tablet, and mobile devices
Branding consistent with main website and marketing materials
Custom domain configured (optional but recommended)