Visual design creates the first impression of your medical practice online. dSite Theme gives you complete control over colors and typography to match your brand and create a professional appearance.
Color Scheme System
5 Pre-Built Color Schemes
Choose from professionally designed color schemes:
- Medical Blue (Default) – Classic, trustworthy medical blue with green accents
- Healthcare Green – Fresh, natural green palette for wellness practices
- Modern Purple – Contemporary purple for specialized practices
- Warm Orange – Friendly, approachable orange for family practices
- Professional Gray – Sophisticated gray for corporate medical practices
To switch color schemes:
- Go to Appearance → Customize
- Click Color Schemes
- Select a preset scheme
- Click Publish to apply
Custom Color Options
For complete brand customization, use the Custom color scheme with 7 color pickers:
- Primary Color: Main brand color (buttons, links, accents)
- Primary Dark: Darker shade for hover states
- Secondary Color: Accent color for highlights and CTAs
- Text Dark: Main text color for headings
- Text Light: Secondary text color for descriptions
- Background: Page background color
- Border Color: Subtle borders and dividers
Color Psychology for Medical Practices
- Blue: Trust, professionalism, calm – ideal for most medical practices
- Green: Health, healing, nature – perfect for wellness and alternative medicine
- Purple: Innovation, expertise – good for specialized treatments
- Orange: Warmth, friendliness – great for pediatrics and family medicine
- Gray: Sophistication, professionalism – suits corporate medical centers
Typography System
4 Font Combination Presets
Choose from professionally paired font combinations:
- Classic (Default): Playfair Display + Inter
Elegant serif headings with clean sans-serif body text - Modern: Montserrat + Open Sans
Contemporary sans-serif throughout - Professional: Lora + Roboto
Refined serif with technical sans-serif - Clean: Poppins + Nunito Sans
Friendly, approachable sans-serif combination
Custom Google Fonts
Select any Google Font for complete customization:
- Choose Custom Fonts option
- Select your heading font (for titles and headings)
- Select your body font (for paragraphs and content)
- Preview changes in real-time
- Publish when satisfied
Font Size Options
Adjust base font size for accessibility:
- Small: 14px base (compact)
- Medium: 16px base (default, recommended)
- Large: 18px base (easier reading)
Creating Your Brand Identity
Step 1: Define Your Brand
Before customizing, consider:
- What emotions do you want patients to feel?
- Is your practice traditional or modern?
- Who is your target demographic?
- What’s your specialty or focus area?
Step 2: Choose Your Colors
Select colors that:
- Match your existing brand materials
- Provide good contrast for readability
- Create the right emotional response
- Work well together (use preset schemes as guides)
Step 3: Select Typography
Choose fonts that:
- Are highly readable on all devices
- Match your practice personality
- Create clear hierarchy (headings vs body)
- Load quickly (Google Fonts are optimized)
Step 4: Test and Refine
- Preview on desktop, tablet, and mobile
- Check contrast ratios for accessibility
- Get feedback from colleagues
- Make small adjustments as needed
Accessibility Considerations
Ensure your design is accessible to all patients:
- Color Contrast: Text must have 4.5:1 contrast ratio minimum
- Font Size: Body text should be at least 16px
- Font Choice: Avoid overly decorative fonts for body text
- Don’t Rely on Color Alone: Use icons and text labels too
Pro Tips
- Start with a preset scheme and customize from there
- Use the “Classic” font combination for maximum professionalism
- Stick to 2-3 colors maximum for cohesion
- Test your color scheme in both light and dark environments
- Consider printing your colors – they should work in both digital and print
- When in doubt, choose blue – it’s universally trusted in healthcare
Quick Customization Checklist
- ✓ Choose color scheme (preset or custom)
- ✓ Select font combination
- ✓ Upload logo matching your colors
- ✓ Test on multiple devices
- ✓ Verify accessibility standards
- ✓ Get feedback before launch
With dSite Theme’s powerful color and typography systems, you can create a unique brand identity that stands out while maintaining the professionalism patients expect from medical websites.