Documentation

Personalization and Customization

Learn how to customize colors, fonts, layouts, and add personal elements

Updated: 12/30/2024

Personalization and customization make your resume stand out and reflect your unique personal brand. SmartCV provides rich customization options that allow you to showcase your personality while maintaining professionalism.

🎨 Color Customization

Theme Color Settings

The theme color is the visual core of your resume, affecting the overall professional image:

Selecting Theme Color

  1. Click "Color Settings" in the editor
  2. Choose from preset colors or customize colors
  3. Preview color effects in real-time
  4. Confirm and apply the new theme color

Preset Theme Colors:

  • Classic Blue: Professional, reliable, suitable for finance and consulting industries
  • Dark Gray: Modern, minimalist, suitable for technology and design industries
  • Dark Green: Stable, natural, suitable for education and healthcare industries
  • Wine Red: Elegant, mature, suitable for management and legal industries

Personal Brand Colors

If you have a personal brand or your company has specific colors:

Customizing Colors

  1. Click "Custom Color" option
  2. Use color picker or enter color values
  3. Adjust color brightness and saturation
  4. Save as personal brand color

Color Psychology Reference:

  • Blue: Trust, professionalism, stability
  • Green: Growth, harmony, innovation
  • Red: Energy, enthusiasm, leadership
  • Purple: Creativity, luxury, wisdom
  • Orange: Friendliness, optimism, creativity

Secondary Color Coordination

To enrich visual hierarchy, you can set secondary colors:

Secondary Color Uses:

  • Emphasize important information
  • Distinguish different modules
  • Add visual hierarchy
  • Maintain overall coordination

Coordination Principles:

  • Contrast with theme color but don't conflict
  • Use similar tones or complementary colors
  • Control color count (recommend no more than 3)
  • Maintain sufficient contrast

🔤 Font Customization

Font Selection

SmartCV offers various professional fonts to choose from:

Chinese Fonts:

  • SimSun: Classic, formal, suitable for traditional industries
  • Microsoft YaHei: Modern, clear, suitable for technology industry
  • Source Han Sans: International, professional, suitable for foreign companies
  • PingFang: Simple, stylish, suitable for creative industries

English Fonts:

  • Arial: Simple, universal, good compatibility
  • Helvetica: Modern, professional, strong design sense
  • Times New Roman: Classic, formal, academic style
  • Calibri: Friendly, modern, business style

Font Size and Hierarchy

Setting Font Hierarchy

  1. Enter "Font Settings" panel
  2. Set font sizes for different content:
    • Name: 24-28pt
    • Headings: 16-18pt
    • Body text: 11-12pt
    • Small text: 9-10pt
  3. Ensure clear hierarchy for easy reading

Font Size Recommendations:

  • Keep heading sizes consistent at each level
  • Body text should not be smaller than 10pt
  • Consider printing and screen display effects
  • Test readability on different devices

Font Styles

Weight Settings:

  • Light: Suitable for large text areas
  • Regular: Standard body text weight
  • Medium: For subheadings
  • Bold: For emphasizing important information

Style Options:

  • Normal, italic
  • Uppercase, lowercase
  • Letter spacing adjustment
  • Line height settings

📐 Layout Customization

Page Layout

SmartCV supports various layout modes:

Single Column Layout:

  • Information arranged sequentially
  • Suitable for traditional resume formats
  • Easy to print and read
  • Suitable for content-rich resumes

Two Column Layout:

  • Left-right column display
  • Sidebar for personal information
  • Main column for core content
  • Modern visual effects

Mixed Layout:

  • Header displays personal information at full width
  • Lower columns display detailed content
  • Flexible space utilization
  • Suitable for diverse content

Module Arrangement

Adjusting Module Order

  1. Find module list on the left side of editor
  2. Drag modules to change order
  3. Or use up/down arrow buttons
  4. Preview adjustment effects in real-time

Arrangement Principles:

  • Important information at the top
  • Arrange experience in reverse chronological order
  • Maintain logical coherence
  • Consider reading habits

Spacing and White Space

Page Margin Settings:

  • Top/bottom margins: 1.0-1.5 inches
  • Left/right margins: 0.75-1.0 inches
  • Ensure safe margins when printing
  • Avoid content too close to edges

Content Spacing:

  • Module spacing: Moderate, avoid crowding
  • Line spacing: 1.15-1.5 times line height
  • Paragraph spacing: Maintain consistency
  • List item spacing: Easy to scan

🖼️ Images and Icons

Personal Photo

Photo Requirements:

  • Resolution: At least 300x300 pixels
  • Format: JPG, PNG supported
  • Background: Solid color or professional background
  • Expression: Natural, professional smile

Uploading and Adjusting Photo

  1. Click photo area in personal information section
  2. Select "Upload Photo"
  3. Choose image file from device
  4. Use cropping tool to adjust size and position
  5. Save photo settings

Photo Styles:

  • Circular: Modern, friendly
  • Rounded Rectangle: Professional, balanced
  • Rectangle: Traditional, formal
  • Borderless: Simple, modern

Icons and Decorations

SmartCV provides rich icon libraries:

Contact Information Icons:

  • Phone, email, address
  • Social media links
  • Personal website, portfolio
  • Unified visual style

Skill Icons:

  • Programming languages
  • Design software
  • Office software
  • Professional tools

Decorative Elements:

  • Dividers
  • Background patterns
  • Geometric elements
  • Brand identifiers

🎯 Personal Brand Elements

Logo and Identity

If you have a personal logo or brand identity:

  1. Prepare logo file (PNG format, transparent background)
  2. Select "Add Logo" in editor
  3. Upload logo file
  4. Adjust size and position
  5. Set display style

Logo Position Options:

  • Top right corner of header
  • Next to name
  • Footer area
  • Background watermark

Personalized Signature

Electronic Signature:

  • Handwritten style signature
  • Adds formality to document
  • Reflects personal characteristics
  • Suitable for senior position applications

Designed Signature:

  • Artistic design based on name
  • Incorporate personal or industry elements
  • Keep simple and recognizable
  • Coordinate with overall design

🌟 Advanced Customization Features

CSS Style Customization

For users with technical background, SmartCV supports CSS customization:

/* Custom style example */
.resume-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
 
.skill-item {
  border-radius: 20px;
  background-color: #f8f9fa;
}

Customization Scope:

  • Colors and gradients
  • Borders and shadows
  • Animation effects
  • Responsive design

Template Modification

Creating Personal Templates:

  • Modify based on existing templates
  • Save as personal exclusive templates
  • Share with team members
  • Continuously optimize and improve

Template Elements:

  • Page structure
  • Color schemes
  • Font combinations
  • Layout proportions

📱 Responsive Customization

Mobile Adaptation

Ensure customization effects display perfectly on mobile devices:

Adaptation Points:

  • Automatic font size adjustment
  • Layout adapts to screen
  • Image proportions maintained
  • Touch-friendly design

Testing Recommendations:

  • Preview on different devices
  • Check content readability
  • Test interactive elements
  • Verify export effects

Print Styles:

  • Colors suitable for paper
  • Appropriate font sizes
  • Clear boundaries
  • Ink-saving design
  1. Use "Print Preview" function
  2. Check page layout
  3. Adjust print settings
  4. Test actual print effects

💡 Customization Best Practices

Maintaining Professionalism

Balance Principles:

  • Personalization should not affect professionalism
  • Moderate use of decoration and colors
  • Ensure clear information communication
  • Consider target audience acceptance

Industry Adaptation:

  • Understand industry visual preferences
  • Reference successful cases
  • Avoid overly radical designs
  • Maintain consistency with industry culture

Consistency Maintenance

Visual Unity:

  • Use same design elements across all pages
  • Maintain color scheme consistency
  • Unify font and format specifications
  • Ensure style coordination

Brand Continuity:

  • Maintain consistency with personal social media
  • Reflect personal values and characteristics
  • Apply to different career materials
  • Build recognizable personal brand

Regular Updates

Keeping Current:

  • Follow design trends
  • Regularly review and update design
  • Collect feedback
  • Continuously optimize effects

Version Management:

  • Save different design versions
  • Create variants for different occasions
  • Backup successful design solutions
  • Record modification history

🔍 Customization Effect Evaluation

Visual Checklist

After completing customization, use checklist to check effects:

Professionalism Assessment:

  • Is overall design professional
  • Are color combinations harmonious
  • Is font selection appropriate
  • Is layout clear and readable

Consistency Assessment:

  • Are page styles unified
  • Are font sizes standardized
  • Is color usage consistent
  • Are spacing settings coordinated

Applicability Assessment:

  • Is it suitable for target industry
  • Is mobile display normal
  • Is print quality good
  • Is export quality satisfactory

Feedback Collection

Getting Opinions:

  • Ask peers for their views
  • Collect suggestions from mentors or seniors
  • Observe recruiter reactions
  • Analyze changes in interview invitation rates

Continuous Improvement:

  • Adjust design based on feedback
  • Test different customization solutions
  • Record effective design elements
  • Continuously improve personal brand

📞 Getting Customization Help

If you need help with personalization and customization: