Template Engine

SmartCV's template engine provides a rich professional template library and powerful customization capabilities, allowing you to create resume designs that are both professional and unique. Whether you're pursuing a classic and clean style or need to showcase creative personality, our template system can meet your needs.

Overview

The core features of the template engine include:

• Rich Template Library: Professional templates covering various industries and positions
• Deep Customization: Complete control over colors, fonts, and layouts
• Responsive Design: Adapts to different devices and printing needs
• ATS Compatibility: Ensures all templates pass ATS system screening

Template Categories

1. By Industry

2. By Style

Classic Business Style

• Characteristics: Clean, professional, traditional
• Suitable for: Traditional industries like finance, law, consulting
• Colors: Mainly dark blue, black, gray
• Fonts: Serif fonts like Times New Roman, Georgia

Modern Minimalist Style

• Characteristics: Fresh, modern, clean
• Suitable for: Technology, internet, startups
• Colors: Bright, contrasting colors
• Fonts: Sans-serif fonts like Helvetica, Arial

Creative Design Style

• Characteristics: Personalized, innovative, visually impactful
• Suitable for: Design, advertising, media industries
• Colors: Rich and varied, personalized color schemes
• Fonts: Special fonts, creative typography

Academic Research Style

• Characteristics: Rigorous, detailed, information-rich
• Suitable for: Academia, research institutions, education industry
• Colors: Dark, stable color schemes
• Fonts: Highly readable fonts

3. By Position Level

Usage Steps

1. Enter Template Selection Page

   In the resume editor, click the "Change Template" button, or select a template when creating a new resume.

2. Browse and Filter Templates

   Use filtering features to quickly find suitable templates:

   • Industry Filter: Filter by target industry
   • Style Filter: Select preferred design style
   • Color Filter: Filter by preferred colors
   • Position Level: Filter by position experience

1. Preview Template Effects

   Click on a template to view detailed preview:

   • Complete Preview: View the complete style of the template
   • Section Layout: Understand the layout of each section
   • Sample Content: Reference the presentation of sample content
   • Responsive Preview: View effects on different devices

2. Apply Template

   After selecting a satisfactory template:

   • Direct Apply: Immediately apply to current resume
   • Create Copy: Create a new version based on current resume
   • Save to Favorites: Add template to favorites
   • Share Template: Share with team members for use

3. Customize Template

   After applying a template, you can make personalized adjustments:

   • Color Adjustment: Modify theme colors and color schemes
   • Font Settings: Choose appropriate fonts and sizes
   • Layout Adjustment: Adjust section order and layout
   • Style Optimization: Fine-tune details like spacing and margins

Customization Features Details

1. Color Customization

Theme Color Settings

• Primary Color: Main color used for titles and emphasized content
• Secondary Color: Auxiliary color used for dividers and icons
• Background Color: Color for page background and content areas
• Text Color: Text color for body and titles

Preset Color Schemes

Custom Colors

/* Custom CSS variables */
:root {
  --primary-color: #2563eb;
  --secondary-color: #64748b;
  --accent-color: #f59e0b;
  --text-color: #1f2937;
  --background-color: #ffffff;
}

2. Font Customization

Font Categories

• Serif Fonts: Times New Roman, Georgia, Serif
  • Suitable for traditional, formal industries
  • Has a classic, authoritative feel
• Sans-serif Fonts: Arial, Helvetica, Calibri
  • Suitable for modern, technology industries
  • Clear, clean visual effect
• Specialty Fonts: Creative fonts, handwritten fonts
  • Suitable for design, art industries
  • Personalized, highly creative

Font Setting Options

📝 Font Configuration Options:
 
- Title Font: Used for section titles and name
- Body Font: Used for body content
- Emphasis Font: Used for highlighting important information
- Font Size: Size settings for titles, body, small text
- Line Spacing: Affects text readability
- Character Spacing: Affects text tightness

3. Layout Customization

Page Layout Options

• Single Column Layout: Suitable for resumes with more content
• Two Column Layout: Left information bar, right main content
• Three Column Layout: More complex information organization
• Grid Layout: Modern grid typography

Section Management

1. Section Sorting

   Adjust the display order of sections by dragging:

   • Personal Information
   • Work Experience
   • Education Background
   • Skills & Expertise
   • Project Experience
   • Other Sections

2. Section Visibility

   Control the display and hiding of sections:

   • Select sections to display based on position requirements
   • Hide irrelevant information
   • Adjust section importance

3. Section Styles

   Customize the presentation of each section:

   • Title styles
   • Content layout
   • Spacing adjustments
   • Divider design

Advanced Features

1. Brand Customization

For enterprise users, we provide brand customization features:

2. Responsive Design

All templates support responsive design:

Device Adaptation

• Desktop: Complete visual effects and interaction
• Tablet: Optimized layout and touch experience
• Mobile: Simplified interface and fast loading
• Print Version: Format optimized for printing

Print Optimization

🖨️ Print Optimization Features:
 
- Automatic pagination handling
- Print-friendly color schemes
- Appropriate margin settings
- Avoid content truncation
- Maintain clean layout

3. Template Marketplace

Marketplace Features

• Upload Templates: Share your template designs
• Download Templates: Use templates from other users
• Rating System: Rate and comment on templates
• Category Browsing: Browse templates by different dimensions
• Favorites: Save favorite templates

4. API Integration

Developers can customize templates through API:

// Get template list
const templates = await fetch('/api/templates').then((res) => res.json())
 
// Apply template
const applyTemplate = async (templateId, resumeId) => {
  const response = await fetch(`/api/resumes/${resumeId}/template`, {
    method: 'PUT',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ templateId })
  })
  return response.json()
}
 
// Customize template styles
const customizeTemplate = async (templateId, customizations) => {
  const response = await fetch(`/api/templates/${templateId}/customize`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(customizations)
  })
  return response.json()
}

Best Practices

Template Selection Principles

1. Industry Matching: Choose a template style that fits the target industry culture
2. Position Adaptation: Select appropriate template complexity based on position level
3. Personal Brand: Ensure template style aligns with personal brand
4. Content Priority: Templates should highlight content rather than excessive decoration

Customization Advice

1. Maintain Consistency: Ensure all design elements have a unified style
2. Prioritize Readability: Don't let design affect content readability
3. Moderate Decoration: Avoid excessive decoration that impacts professionalism
4. Test Effects: Test effects on different devices and printers

Common Mistakes

❌ Practices to Avoid:

• Using overly fancy designs
• Too many colors causing visual chaos
• Fonts too small affecting reading
• Ignoring ATS compatibility

✅ Recommended Practices:

• Choose clean, professional designs
• Use 2-3 main colors
• Ensure good readability
• Prioritize ATS friendliness

Common Questions

Q: How do I choose the right template?

A: It is recommended to choose based on target industry, position level, and personal brand. You can reference the resume styles of successful people in the industry or consult professional career advisors.

Q: Can I use multiple templates simultaneously?

A: You can create different style resume versions for different position applications, but it is recommended to maintain personal brand consistency.

Q: What are the limitations of template customization?

A: Most templates support color, font, and layout customization. A few specially designed templates may have limitations in some aspects.

Q: How do I ensure template ATS compatibility?

A: All our templates undergo ATS compatibility testing. It is recommended to avoid complex graphics and tables when customizing.

Q: Can I create my own templates?

A: Advanced users can create personal templates through CSS customization. We are also developing a visual template editor.

Related Features

• ATS Scoring System - Ensure template ATS compatibility
• AI Optimization Feature - Optimize content for templates
• Personalized Customization - Detailed customization operation guide

Update History

• v2.4.0: Added brand customization feature, supporting enterprise user needs
• v2.3.0: Optimized responsive design, improved mobile experience
• v2.2.0: Added 20+ industry professional templates, expanded template library
• v2.1.0: Enhanced customization features, supporting more personalization options
• v2.0.0: Refactored template engine, improved performance and stability