Articles on: Artists

Customizing Your Artist Page Theme

Customizing Your Artist Page Theme

Learn how to personalize your public page with custom colors, fonts, and styling to match your brand.



Overview


Beyond the content on your public artist page, you can customize the visual design to reflect your unique brand and aesthetic. Custom theming helps you stand out, creates a memorable experience for clients, and reinforces your artistic identity. This guide covers color schemes, typography, layout options, and advanced customization.


Why Customize Your Theme?


Benefits of custom theming:

  • Brand consistency - Match your social media, business cards, and studio aesthetic
  • Stand out - Differentiate from other artists
  • Professionalism - Cohesive design signals professionalism
  • Client experience - Create a memorable, on-brand experience
  • Visual storytelling - Your page design reflects your tattoo style


Theme Customization Access


How to Access Theme Settings:


  1. Log into your Apprentice dashboard
  2. Navigate to "Profile" or "Settings"
  3. Click "Theme" or "Branding"
  4. Make changes and preview before saving
  5. Click "Publish Changes" when ready


Note: Theme customization availability depends on your subscription tier. Premium features may require upgraded plans.


Color Customization


Primary Brand Color


Your primary color appears throughout your page:


Where it's used:

  • "Book Now" buttons
  • Navigation highlights
  • Link colors
  • Active states
  • Call-to-action elements


How to choose:

  • Reflects your style - Bold colors for traditional work, muted for fine line
  • High contrast - Readable against backgrounds
  • Brand alignment - Match your logo or business cards
  • Stands out - Catches the eye without overwhelming


Color selection:

  1. Click the color picker
  2. Choose from presets or enter hex code (e.g., #FF5733)
  3. Preview the change
  4. Save when satisfied


Tips:

  • Test on mobile devices
  • Ensure text is readable over your color
  • Use colors that photograph well (clients will screenshot your page)


Secondary/Accent Color


A complementary color for variety:


Where it's used:

  • Section dividers
  • Hover states
  • Secondary buttons
  • Subtle highlights


How to choose:

  • Complements primary - Use a color wheel for harmony
  • Less prominent - Should support, not compete with primary
  • Brand cohesion - Stays within your color family


Background Color


The canvas for your page:


Options:

  • Light background - Clean, minimal, focuses on portfolio
  • Dark background - Dramatic, modern, tattoo-forward
  • Off-white/cream - Warm, vintage feel
  • Custom color - Unique brand expression


Best practices:

  • Ensure portfolio images pop against the background
  • Maintain text readability
  • Consider the tattoo styles you do (dark backgrounds suit blackwork, light suits colorful work)


Text Colors


Make sure text is always readable:


Text hierarchy:

  • Headings - Darker, bolder
  • Body text - Medium contrast
  • Secondary text - Lighter for less important info


Accessibility:

  • Maintain WCAG contrast ratios (4.5:1 for body text)
  • Test with dark and light modes if applicable
  • Avoid low-contrast combinations (light grey on white)


Typography Customization


Heading Font


The font for titles and headings:


Font options:

  • Serif fonts - Traditional, classic, elegant (e.g., Playfair Display, Merriweather)
  • Sans-serif fonts - Modern, clean, bold (e.g., Montserrat, Raleway)
  • Display fonts - Unique, artistic, eye-catching (e.g., custom tattoo-inspired fonts)


How to choose:

  • Reflects your style - Script fonts for fine line, bold fonts for traditional
  • Readable - Even at smaller sizes
  • Unique but not gimmicky - Stands out without being hard to read


Body Font


The font for paragraphs and descriptions:


Best practices:

  • Simple and readable - Sans-serif fonts often work best
  • Good at small sizes - Clients read on phones
  • Not distracting - Should fade into the background


Common choices:

  • Open Sans
  • Lato
  • Roboto
  • Inter


Font Pairing


Combine heading and body fonts:


Pairing strategies:

  • Contrast - Serif heading + sans-serif body
  • Harmony - Two fonts from the same family
  • Balance - Bold heading + regular body


Examples:

  • Playfair Display (heading) + Lato (body)
  • Montserrat (heading) + Open Sans (body)
  • Custom display font (heading) + Roboto (body)


Test your pairing:

  • Preview on your actual page content
  • Check readability at different sizes
  • Ensure consistency across sections


Layout & Structure Options


Page Layout Style


Available layouts (may vary):


Single Column Layout

  • Simple, focused design
  • Portfolio front and center
  • Best for: Minimal aesthetic, portfolio-first artists


Two Column Layout

  • Bio and info sidebar
  • Portfolio grid on main column
  • Best for: Content-heavy pages, detailed bios


Card-Based Layout

  • Sections in distinct cards/boxes
  • Modern, organized feel
  • Best for: Multiple services, flash + custom work


Portfolio Display Style


Grid options:

  • 2 columns - Larger images, dramatic
  • 3 columns - Balanced, standard
  • 4+ columns - Maximum variety, compact
  • Masonry - Pinterest-style, dynamic


Image aspect ratio:

  • Square - Uniform, clean
  • Portrait - Showcases vertical pieces
  • Original - Keeps natural proportions


Section Organization


Customize section order:

  1. Portfolio
  2. Flash Gallery
  3. About/Bio
  4. Booking Calendar
  5. Testimonials
  6. Contact


Or:

  1. About/Bio (introduce yourself first)
  2. Portfolio (show your work)
  3. Flash Gallery (easy bookings)
  4. Booking Calendar (call to action)
  5. Testimonials (social proof)


Strategy:

  • Portfolio-first - Let work speak for itself
  • Story-first - Connect personally before showing work
  • Action-first - Get bookings immediately


Advanced Customization


Custom CSS (Premium Feature)


For advanced users with CSS knowledge:


What you can customize:

  • Any visual element
  • Animations and transitions
  • Hover effects
  • Custom spacing and layouts


Access:

  1. Navigate to Theme Settings
  2. Find "Custom CSS" section
  3. Enter your CSS code
  4. Preview changes live
  5. Save when satisfied


Example CSS:

/* Custom button hover effect */
.book-now-button:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Custom portfolio card styling */
.portfolio-item {
  border-radius: 15px;
  border: 2px solid #333;
}


Tips:

  • Test thoroughly on mobile
  • Use browser developer tools to inspect elements
  • Keep CSS organized with comments
  • Don't break core functionality


Background Patterns/Textures


Add visual interest with backgrounds:


Options (if available):

  • Solid color - Clean and simple
  • Subtle pattern - Texture without distraction
  • Gradient - Modern, eye-catching
  • Custom image - Brand-specific background


Best practices:

  • Keep it subtle - shouldn't overpower content
  • Ensure text readability
  • Use high-quality images (no pixelation)
  • Test on different screens


Logo/Watermark


Add your logo to your page:


Placement options:

  • Header (top of page)
  • Profile photo area
  • Footer
  • As a watermark on portfolio images


Logo best practices:

  • High resolution - Looks crisp on retina displays
  • Transparent background - PNG format
  • Scalable - Works at different sizes
  • Simple design - Complex logos don't scale well


Pre-Made Theme Presets


Many platforms offer theme presets:


Classic/Traditional Theme

  • Colors: Bold reds, blues, yellows, blacks
  • Fonts: Bold sans-serif or slab serif
  • Style: Americana, vintage tattoo aesthetic
  • Best for: Traditional and neo-traditional artists


Modern/Minimal Theme

  • Colors: Black, white, one accent color
  • Fonts: Clean sans-serif
  • Style: Minimalist, portfolio-focused
  • Best for: Fine line, minimalist, blackwork artists


Dark/Moody Theme

  • Colors: Dark backgrounds, metallic accents
  • Fonts: Bold, high-contrast
  • Style: Dramatic, tattoo-forward
  • Best for: Blackwork, dark art, realism artists


Vibrant/Colorful Theme

  • Colors: Multiple bright colors
  • Fonts: Playful, rounded
  • Style: Fun, energetic, welcoming
  • Best for: New school, illustrative, colorful work


Elegant/Luxury Theme

  • Colors: Black, white, gold
  • Fonts: Serif fonts, elegant scripts
  • Style: High-end, sophisticated
  • Best for: Realism, portrait, fine art tattoo artists


Using presets:

  1. Browse available presets
  2. Select one that matches your vibe
  3. Customize colors/fonts to make it yours
  4. Save and publish


Mobile Responsiveness


Your theme must work on phones:


What to check:

  • Text readability - Zoom not required
  • Button size - Easy to tap (minimum 44x44px)
  • Image loading - Fast on mobile connections
  • Navigation - Simple, clear menu
  • Spacing - Adequate padding around elements


How to test:

  1. Open your public page on your phone
  2. Navigate through all sections
  3. Test booking buttons
  4. View portfolio images
  5. Read bio text


Common mobile issues:

  • Font too small
  • Buttons too close together
  • Images not optimized (slow loading)
  • Fixed widths causing horizontal scrolling


Brand Consistency Tips


Match Your Other Platforms


Create consistency across:

  • Instagram profile
  • Business cards
  • Shop signage
  • Portfolio website
  • Social media graphics


Elements to match:

  • Color palette
  • Font choices
  • Logo usage
  • Overall aesthetic


Creating a Brand Style Guide


Document your choices:


Include:

  • Primary color: #FF5733
  • Secondary color: #333333
  • Heading font: Montserrat Bold
  • Body font: Open Sans Regular
  • Logo usage rules: Minimum size, clear space


Benefits:

  • Consistency across all materials
  • Easy to update business cards, flyers, etc.
  • Can share with shop for co-branding
  • Professional presentation


Testing Your Theme


Preview Before Publishing


Always preview changes:


  1. Use "Preview" mode in theme editor
  2. Check on desktop and mobile
  3. Test in different browsers (Chrome, Safari, Firefox)
  4. Ask for feedback from friends or fellow artists


A/B Testing (If Available)


Test different themes to see what converts:


  • Version A: Dark theme with bold colors
  • Version B: Light theme with minimal design


Track:

  • Booking conversion rates
  • Time on page
  • Bounce rate
  • Client feedback


Get Feedback


Ask others to review:


  • Fellow artists - Design perspective
  • Past clients - Client perspective
  • Friends - Honest opinions
  • Shop mates - Professional feedback


Tips for Effective Theming


  • Start with presets - Modify rather than starting from scratch
  • Less is more - Don't over-customize
  • Stay on-brand - Theme should match your tattoo aesthetic
  • Prioritize readability - Beautiful but unreadable is useless
  • Test on mobile first - Most traffic comes from phones
  • Update gradually - Don't change everything at once
  • Get feedback - Fresh eyes catch issues you miss
  • Match your style - Traditional artists shouldn't have minimalist pages
  • Keep it professional - Fun is good, but maintain credibility
  • Use high-quality assets - Pixelated logos look amateurish


Common Issues


  • Issue: My custom colors aren't showing up → Solution: Clear your browser cache, check if changes were saved, verify hex codes are correct
  • Issue: Text is hard to read over my background → Solution: Increase contrast, add a semi-transparent overlay, or change background color
  • Issue: Page looks different on mobile than desktop → Solution: This is normal, but test to ensure mobile is still functional and attractive
  • Issue: Custom font not loading → Solution: Ensure font is supported, check spelling of font name, try a different font temporarily
  • Issue: I broke something with custom CSS → Solution: Remove your custom CSS, save, and start over. Test changes incrementally
  • Issue: My logo looks blurry → Solution: Upload a higher resolution version (at least 2x the display size)


Subscription Tiers & Features


Free/Basic Tier:

  • Limited color customization
  • Standard fonts
  • Basic layouts
  • No custom CSS


Premium Tier:

  • Full color palette control
  • Extended font library
  • Custom CSS editor
  • Background patterns
  • Logo upload
  • Advanced layout options


Check your tier:

  1. Go to Settings → Subscription
  2. View available features
  3. Upgrade if you need more customization


Updated on: 16/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!