Choosing a template - Reactive Resume

Reactive Resume offers a variety of unique templates, each with its own design aesthetic. This guide will help you understand the differences between templates and how to change your resume's template at any time.

How to change your template

Changing your resume template is simple and can be done at any time without losing any of your content.

<Steps> <Step title="Open your resume in the builder"> Navigate to your Dashboard and click on the resume you want to edit.

<Frame caption="Screenshot of your resumes dashboard showing all your resume">
  
</Frame>

</Step> <Step title="Open the right sidebar"> In the resume builder, look for the right sidebar. This is where you'll find all the design and layout options. </Step> <Step title="Navigate to the Template section"> In the right sidebar, find and click on the **Template** section to expand it.

<Frame caption="Screenshot of the template section in the right sidebar">
  
</Frame>

</Step> <Step title="Select your new template"> Browse through the available templates and click on the one you want to use. Your resume will instantly update to reflect the new design.

<Frame caption="Screenshot of selecting a new template from the gallery">
  
</Frame>

</Step> <Step title="Review and adjust"> After changing the template, review your resume in the live preview. You may want to adjust spacing, colors, or layout to optimize for the new design.

<Frame caption="Screenshot of the resume with a new template applied">
  
</Frame>

<Tip>
  Different templates may display your content differently. Some templates work better with shorter content, while others are designed to handle more detailed information.
</Tip>

</Step> </Steps>

Tips for choosing the right template

<AccordionGroup> <Accordion title="Consider your industry" icon="briefcase"> Different industries have different expectations: - **Creative fields** (design, marketing, arts): Templates with more visual flair like Gengar or Pikachu - **Corporate/Traditional** (finance, law, consulting): Clean, minimal templates like Onyx or Ditto - **Tech/Startups**: Modern, balanced templates like Chikorita or Leafish </Accordion> <Accordion title="Think about content length" icon="ruler"> If you have a lot of experience to showcase, choose a template with efficient space usage. For shorter resumes, templates with more white space can make your content feel more substantial. </Accordion> <Accordion title="Match your personal brand" icon="palette"> Your resume is part of your personal brand. Choose a template that reflects your personality while remaining professional and appropriate for your target roles. </Accordion> <Accordion title="Test with real content" icon="file-lines"> Don't choose a template based on how it looks empty. Fill in your actual content and see how it flows across pages. What looks great with sample data might not work as well with your specific information. </Accordion> </AccordionGroup>

Available templates

Reactive Resume includes a variety of professionally designed templates. Each template can be further customized with your choice of colors, fonts, and layout options.

<Info> All templates support the same features and sections. The difference is purely in how they present your information visually. </Info> <div className="grid grid-cols-1 sm:grid-cols-2 gap-4"> <Frame caption="Azurill"> </Frame> <Frame caption="Bronzor"> </Frame> <Frame caption="Chikorita"> </Frame> <Frame caption="Ditto"> </Frame> <Frame caption="Ditgar"> </Frame> <Frame caption="Gengar"> </Frame> <Frame caption="Glalie"> </Frame> <Frame caption="Kakuna"> </Frame> <Frame caption="Lapras"> </Frame> <Frame caption="Leafish"> </Frame> <Frame caption="Meowth"> </Frame> <Frame caption="Onyx"> </Frame> <Frame caption="Pikachu"> </Frame> <Frame caption="Rhyhorn"> </Frame> </div>

Customizing your template

After selecting a template, you can customize it further:

Setting	Description
Colors	Change the primary color scheme to match your personal brand
Typography	Choose from various Google Fonts for headings and body text
Layout	Adjust sidebar width, section order, and page margins
Spacing	Fine-tune gaps between sections and elements

<Tip>For more advanced customization options, check out Using Custom CSS.</Tip>