Adding Custom Colors and Fonts

Overview

Apprentice allows you to customize your public artist page with your own brand colors and fonts. You can choose from 8 preset colors or create a custom color, and select from 10 professional Google Fonts to match your artistic style. These settings will apply to your public artist page, making it uniquely yours.

Step-by-Step Guide

Step 1: Navigate to Branding Settings

1. Log in to your Apprentice dashboard
2. Click on your profile or settings icon
3. Navigate to Artist Settings → Branding (or /dashboard/artist/branding)

Step 2: Choose Your Theme

1. Select either Light Theme or Dark Theme

• • Light Theme: Clean, professional appearance with optimal readability
  • Dark Theme: Stylish dark UI that reduces eye strain in low-light environments

2. Preview your selection in real-time on the right side of the screen

Step 3: Select Your Highlight Color

Using Preset Colors:

1. Choose from 8 professionally curated colors:

• Blue (#0060FF) - Professional, trustworthy
• Purple (#7C3AED) - Creative, artistic
• Green (#059669) - Natural, calming
• Red (#DC2626) - Bold, energetic
• Orange (#EA580C) - Warm, inviting
• Pink (#DB2777) - Creative, feminine
• Teal (#0891B2) - Modern, sophisticated
• Indigo (#4F46E5) - Tech-forward, innovative

2. Click on any preset color to apply it instantly

Using a Custom Color:

1. Click the Custom Color option
2. Use the color picker to select your exact brand color
3. Or enter a hex color code (e.g., #7C3AED)
4. The preview updates in real-time as you adjust the color

Step 4: Choose Your Typography

1. Select from 10 Google Fonts optimized for web readability:

• Inter - Modern, highly readable (default)
• Roboto - Google's standard font, clean and versatile
• Open Sans - Friendly, approachable
• Lato - Humanist, warm
• Poppins - Geometric, modern
• Montserrat - Elegant, versatile
• Source Sans Pro - Clean, professional
• Raleway - Elegant, stylish
• Ubuntu - Friendly, open-source
• Playfair Display - Serif, sophisticated (great for elegant brands)

2. Click on any font name to preview it
3. The preview panel shows how your font looks with your selected theme and color

Step 5: Preview Your Changes

1. Use the Live Preview panel on the right side
2. See how your color and font choices look together
3. Check both desktop and mobile views if available
4. Make adjustments until you're satisfied

Step 6: Save Your Branding

1. Review your selections one final time
2. Click Save Branding at the bottom of the page
3. Wait for the confirmation message
4. Visit your public artist page to see your changes live

Tips

• Brand Consistency: Use colors that match your existing portfolio, business cards, or social media
• Readability First: Choose font and color combinations that are easy to read on all devices
• Test on Mobile: Most clients will view your page on mobile - make sure it looks great there too
• Contrast Matters: Ensure your highlight color has good contrast with the background for accessibility
• Font Pairing: If you use multiple fonts (via custom CSS), pair a decorative font with a simple one for balance
• Shop Branding: If you're part of a shop, you can inherit shop branding by enabling "Use Shop Branding" instead of creating custom colors

Common Issues

• Issue: My custom color doesn't look right → Solution: Make sure you're entering a valid hex code (6 characters starting with #). Use a color picker tool to get the exact hex value.
• Issue: The font isn't loading on my page → Solution: Clear your browser cache and refresh the page. Google Fonts are loaded from a CDN and may take a moment to appear.
• Issue: Changes aren't showing up → Solution: Make sure you clicked "Save Branding" and wait a few seconds. Hard refresh your public page (Ctrl+Shift+R or Cmd+Shift+R).
• Issue: I want to reset to defaults → Solution: You can always switch back to preset colors and the Inter font, which are the platform defaults.

Updated on: 16/01/2026