Character Bio and Character Sheet Templates (Copy and Paste HTML)

Here are three free character bio and character sheet templates you can copy and paste into your RPL profile: a simple bio, a fantasy character sheet, and a modern profile card. Each one works with the site's HTML filter.

A template gives your bio a shape, but the words still matter most. For what to write in it, see How to Write an Effective Bio for Your RP Character.

How to use these templates

Click inside a code box below. It selects everything; copy it (Ctrl+C, or long-press on a phone).
Open your character's profile editor, go to the bio, and click View HTML (the </> button).
Paste the template in place of everything there.
Replace everything in [square brackets] with your own text, and swap the picture address for your own image's full web address (starting with https://).
Save while you're still in View HTML.

If you switch back to the normal editor view afterwards, it's fine to edit the text, but avoid the formatting buttons inside the boxes, which can rearrange the layout. The HTML and Formatting Guide explains what the site allows and why.

A simple character bio

A clean, readable bio for any genre: a header with a quote, a picture beside quick facts, an About section and a fold-out for the history. Fonts: Playfair Display for headings, Lora for text.

Preview:

[Character Name]

"[A line they'd actually say.]"

Age: [age]

Occupation: [job]

Home: [where they live]

Faceclaim: [name]

Wants: [what they're after]

About

[Two or three short paragraphs: who they are now, what they want, and what's in their way.]

History

[The backstory. Keep the bio above short; the long version lives here.]

Copy this:

<section style="background: #241f33; color: #ece8f4; border: 1px solid #5b4a86; border-radius: 10px; padding: 1.2em; max-width: 680px; margin: 0 auto; font-family: 'Lora', serif; font-size: 15px; line-height: 1.6;">
  <header style="text-align: center; border-bottom: 1px solid #5b4a86; padding-bottom: .8em; margin-bottom: 1em;">
    <h2 style="font-family: 'Playfair Display', serif; color: #c9b0ff; margin: 0; font-size: 28px;">[Character Name]</h2>
    <p style="margin: .3em 0 0; font-style: italic; color: #bdb3d6;">"[A line they'd actually say.]"</p>
  </header>
  <section style="display: flex; flex-wrap: wrap; gap: 1em;">
    <figure style="flex: 0 1 180px; margin: 0;">
      <img src="https://example.com/your-picture.jpg" alt="[Character Name]" style="width: 100%; height: auto; border-radius: 8px;" loading="lazy">
    </figure>
    <article style="flex: 1 1 240px;">
      <p style="margin: 0 0 .4em;"><strong style="color: #c9b0ff;">Age:</strong> [age]</p>
      <p style="margin: 0 0 .4em;"><strong style="color: #c9b0ff;">Occupation:</strong> [job]</p>
      <p style="margin: 0 0 .4em;"><strong style="color: #c9b0ff;">Home:</strong> [where they live]</p>
      <p style="margin: 0 0 .4em;"><strong style="color: #c9b0ff;">Faceclaim:</strong> [name]</p>
      <p style="margin: 0;"><strong style="color: #c9b0ff;">Wants:</strong> [what they're after]</p>
    </article>
  </section>
  <h3 style="font-family: 'Playfair Display', serif; color: #c9b0ff; margin: 1.2em 0 .4em;">About</h3>
  <p style="margin: 0;">[Two or three short paragraphs: who they are now, what they want, and what's in their way.]</p>
  <details style="margin-top: 1em;">
    <summary style="color: #c9b0ff; font-weight: bold;">History</summary>
    <p>[The backstory. Keep the bio above short; the long version lives here.]</p>
  </details>
</section>

What to change:

Colours: background #241f33, borders #5b4a86, accent #c9b0ff.
Fonts: swap Playfair Display for any heading font in the HTML and Formatting Guide.
Facts: change the labels to whatever matters for your character.

A fantasy character sheet

A parchment-style sheet with a stats table, abilities with costs, strengths and flaws, and a fold-out for lore. Fonts: Cinzel for headings, EB Garamond for text.

Preview:

[Character Name]

[Title or epithet] · [Species] · [Faction]

Age	[age]
Homeland	[place]
Alignment	[alignment]
Weapon	[weapon]
Allegiance	[who they serve]

Abilities

[Ability]: [what it does] – Cost or limit: [what it takes from them]
[Ability]: [what it does] – Cost or limit: [what it takes from them]

Strengths and Flaws

Strengths: [two or three]

Flaws: [two or three, ones that cost them something]

Lore and History

[Backstory, lineage, the event that set them on their path.]

Copy this:

<section style="background: #f3ead6; color: #2b2116; border: 2px solid #8a6a3b; border-radius: 6px; padding: 1.2em; max-width: 700px; margin: 0 auto; font-family: 'EB Garamond', serif; font-size: 16px; line-height: 1.55;">
  <header style="text-align: center; margin-bottom: 1em;">
    <h2 style="font-family: 'Cinzel', serif; color: #6b2d1a; margin: 0; letter-spacing: 2px; font-size: 26px;">[Character Name]</h2>
    <p style="margin: .2em 0 0; color: #6b5636;">[Title or epithet] &middot; [Species] &middot; [Faction]</p>
  </header>
  <section style="display: flex; flex-wrap: wrap; gap: 1em;">
    <figure style="flex: 0 1 170px; margin: 0;">
      <img src="https://example.com/your-picture.jpg" alt="[Character Name]" style="width: 100%; height: auto; border: 1px solid #8a6a3b;" loading="lazy">
    </figure>
    <table style="flex: 1 1 260px; border-collapse: collapse; width: 100%;">
      <tr><th style="text-align: left; padding: .3em; border-bottom: 1px solid #c9b48a; color: #6b2d1a;">Age</th><td style="padding: .3em; border-bottom: 1px solid #c9b48a;">[age]</td></tr>
      <tr><th style="text-align: left; padding: .3em; border-bottom: 1px solid #c9b48a; color: #6b2d1a;">Homeland</th><td style="padding: .3em; border-bottom: 1px solid #c9b48a;">[place]</td></tr>
      <tr><th style="text-align: left; padding: .3em; border-bottom: 1px solid #c9b48a; color: #6b2d1a;">Alignment</th><td style="padding: .3em; border-bottom: 1px solid #c9b48a;">[alignment]</td></tr>
      <tr><th style="text-align: left; padding: .3em; border-bottom: 1px solid #c9b48a; color: #6b2d1a;">Weapon</th><td style="padding: .3em; border-bottom: 1px solid #c9b48a;">[weapon]</td></tr>
      <tr><th style="text-align: left; padding: .3em; color: #6b2d1a;">Allegiance</th><td style="padding: .3em;">[who they serve]</td></tr>
    </table>
  </section>
  <h3 style="font-family: 'Cinzel', serif; color: #6b2d1a; margin: 1.2em 0 .4em;">Abilities</h3>
  <ul style="margin: 0; padding-left: 1.2em;">
    <li><strong>[Ability]:</strong> [what it does] &ndash; <em>Cost or limit:</em> [what it takes from them]</li>
    <li><strong>[Ability]:</strong> [what it does] &ndash; <em>Cost or limit:</em> [what it takes from them]</li>
  </ul>
  <h3 style="font-family: 'Cinzel', serif; color: #6b2d1a; margin: 1.2em 0 .4em;">Strengths and Flaws</h3>
  <section style="display: flex; flex-wrap: wrap; gap: 1em;">
    <article style="flex: 1 1 220px;"><p style="margin: 0;"><strong>Strengths:</strong> [two or three]</p></article>
    <article style="flex: 1 1 220px;"><p style="margin: 0;"><strong>Flaws:</strong> [two or three, ones that cost them something]</p></article>
  </section>
  <details style="margin-top: 1em;">
    <summary style="font-family: 'Cinzel', serif; color: #6b2d1a; font-weight: bold;">Lore and History</summary>
    <p>[Backstory, lineage, the event that set them on their path.]</p>
  </details>
</section>

What to change:

Colours: parchment #f3ead6, ink #2b2116, headings #6b2d1a, lines #c9b48a.
Rows: copy a whole <tr> line to add a stat, or delete one you don't need.
Abilities: keep the cost or limit on every ability. It's what makes them interesting to write against.

A modern profile card

A social-media style card for modern and AU characters: a round picture, tag chips, likes and hates, and a fold-out for out-of-character plotting notes. Fonts: Montserrat for the name, Atkinson Hyperlegible for text.

Preview:

[Character Name]

[pronouns] · [age] · [city]

[job] [hobby] [relationship status] [looking for]

[A short, punchy intro in their own voice, or a few lines about who they are right now.]

Plotting notes (OOC)

[What kinds of threads you want, limits, and how to reach you.]

Copy this:

<section style="background: #14161c; color: #e8eaf0; border-radius: 12px; padding: 1.2em; max-width: 680px; margin: 0 auto; font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 15px; line-height: 1.6; border-left: 6px solid #ff69b4;">
  <header style="display: flex; flex-wrap: wrap; align-items: center; gap: 1em; margin-bottom: 1em;">
    <img src="https://example.com/your-picture.jpg" alt="[Character Name]" style="width: 96px; height: 96px; object-fit: cover; border-radius: 50%; border: 3px solid #ff69b4;" loading="lazy">
    <article style="flex: 1 1 200px;">
      <h2 style="margin: 0; font-family: 'Montserrat', serif; font-size: 24px; color: #ffffff;">[Character Name]</h2>
      <p style="margin: .2em 0 0; color: #ff9bd0;">[pronouns] &middot; [age] &middot; [city]</p>
    </article>
  </header>
  <section style="display: flex; flex-wrap: wrap; gap: .6em; margin-bottom: 1em;">
    <span style="background: #2a2d38; border-radius: 999px; padding: .2em .8em;">[job]</span>
    <span style="background: #2a2d38; border-radius: 999px; padding: .2em .8em;">[hobby]</span>
    <span style="background: #2a2d38; border-radius: 999px; padding: .2em .8em;">[relationship status]</span>
    <span style="background: #2a2d38; border-radius: 999px; padding: .2em .8em;">[looking for]</span>
  </section>
  <p style="margin: 0 0 1em;">[A short, punchy intro in their own voice, or a few lines about who they are right now.]</p>
  <section style="display: flex; flex-wrap: wrap; gap: 1em;">
    <aside style="flex: 1 1 200px; background: #1d2029; border-radius: 8px; padding: .8em;">
      <h3 style="margin: 0 0 .3em; font-size: 16px; color: #ff9bd0;">Likes</h3>
      <p style="margin: 0;">[three or four things]</p>
    </aside>
    <aside style="flex: 1 1 200px; background: #1d2029; border-radius: 8px; padding: .8em;">
      <h3 style="margin: 0 0 .3em; font-size: 16px; color: #ff9bd0;">Hates</h3>
      <p style="margin: 0;">[three or four things]</p>
    </aside>
  </section>
  <details style="margin-top: 1em;">
    <summary style="color: #ff9bd0; font-weight: bold;">Plotting notes (OOC)</summary>
    <p>[What kinds of threads you want, limits, and how to reach you.]</p>
  </details>
</section>

What to change:

Colours: background #14161c, accent pink #ff69b4 and #ff9bd0, boxes #1d2029 and #2a2d38.
Chips: copy or delete <span> lines to change the tags.
Plotting notes: a good place for what you're looking for in partners.

Tips for a good bio layout

Keep the top readable. Feeds and browse pages only show the start of your bio, so put the name and a line of real text near the top.
Check on a phone. These templates stack their columns on small screens. If you add wide pictures or tables, check your profile on a phone afterwards.
Contrast matters. Light text on a dark background, or dark on light. Avoid mid-grey on mid-grey.
Use fold-outs for long sections. The <details> boxes keep long histories tidy, and work for spoilers and content notes too.
Pictures need a full address. Upload your image somewhere public and paste the full https:// link.

Choosing a picture for your character? What Is a Faceclaim? covers choosing one and the etiquette around it. Writing a non-human? Writing Non-Human Characters helps you decide what goes in the Abilities section.