---
title: "Choosing a template"
description: "Compare the built-in Reactive Resume templates, preview each layout, and switch between them from the builder to pick the best design for your 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">
      <img src="/images/guides/choosing-a-template/screenshot-1.webp" alt="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">
      <img src="/images/guides/choosing-a-template/screenshot-2.webp" alt="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">
      <img src="/images/guides/choosing-a-template/screenshot-3.webp" alt="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">
      <img src="/images/guides/choosing-a-template/screenshot-4.webp" alt="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">
    <img src="/images/templates/azurill.webp" alt="Azurill template preview" style={{ aspectRatio: "210/297" }} />
  </Frame>

<Frame caption="Bronzor">
  <img src="/images/templates/bronzor.webp" alt="Bronzor template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Chikorita">
  <img src="/images/templates/chikorita.webp" alt="Chikorita template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Ditto">
  <img src="/images/templates/ditto.webp" alt="Ditto template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Ditgar">
  <img src="/images/templates/ditgar.webp" alt="Ditgar template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Gengar">
  <img src="/images/templates/gengar.webp" alt="Gengar template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Glalie">
  <img src="/images/templates/glalie.webp" alt="Glalie template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Kakuna">
  <img src="/images/templates/kakuna.webp" alt="Kakuna template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Lapras">
  <img src="/images/templates/lapras.webp" alt="Lapras template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Leafish">
  <img src="/images/templates/leafish.webp" alt="Leafish template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Meowth">
  <img src="/images/templates/meowth.webp" alt="Meowth template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Onyx">
  <img src="/images/templates/onyx.webp" alt="Onyx template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

<Frame caption="Pikachu">
  <img src="/images/templates/pikachu.webp" alt="Pikachu template preview" style={{ aspectRatio: "210/297" }} />
</Frame>

  <Frame caption="Rhyhorn">
    <img src="/images/templates/rhyhorn.webp" alt="Rhyhorn template preview" style={{ aspectRatio: "210/297" }} />
  </Frame>

  <Frame caption="Scizor">
    <img src="/images/templates/scizor.webp" alt="Scizor template preview" style={{ aspectRatio: "210/297" }} />
  </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                 |
