---
title: "[Creature Name]"
Description: "[Creature Description]"
Level: "[Level]"
Perception: "[Mod] ([Senses])"
Languages: "[Languages]"
Skills: "[Skill +Mod], [Skill +Mod]"
Items: "[Items carried]"
Origin: "[Creature's town, biome, or plane of origin]"
Motivation: "[Creature Motivations]"
Personality: "[Creature Personality]"
Notes: "[Flavor or behavior notes]"
Tactics: "[Tactical combat or encounter notes]"
tags: [Add, Your, Tags]
---
<div style="max-width: 700px; margin: 20px auto; padding: 25px; background: radial-gradient(circle at center, #3d240a 0%, #1a0f02 100%); border: 3px solid #ffd700; outline: 1px solid #ffd700; outline-offset: 2px; border-radius: 15px; box-shadow: 0 0 20px rgba(255, 215, 0, 0.2), inset 0 0 50px rgba(0,0,0,0.5); font-family: 'Georgia', serif; color: #fff;">
<!-- HEADER -->
<div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #ffd700; padding-bottom: 10px; margin-bottom: 15px;">
<div>
<h2 style="margin: 0; color: #ffd700; text-transform: uppercase; letter-spacing: 4px; font-size: 30px; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);">
<!-- ================================================================ -->
[CREATURE NAME]
<!-- ================================================================ -->
</h2>
<span style="color: #ffaa00; font-variant: small-caps; font-weight: bold; font-size: 16px; letter-spacing: 1px;">
<!-- ================================================================ -->
[Title/Epithet]
<!-- ================================================================ -->
</span>
</div>
<div style="background: linear-gradient(to bottom, #ffd700, #b8860b); color: #1a0f02; padding: 8px 18px; border-radius: 50% 50% 5px 5px; font-weight: bold; font-size: 22px; border: 1px solid #fff;">
<!-- ================================================================ -->
[LVL]
<!-- ================================================================ -->
</div>
</div>
<!-- TRAITS -->
<div style="display: flex; gap: 8px; margin-bottom: 15px; flex-wrap: wrap;">
<span style="border: 1px solid #ffd700; color: #ffd700; background: rgba(0,0,0,0.4); padding: 3px 12px; border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: bold;">
[ALIGNMENT]
</span>
<span style="border: 1px solid #ffd700; color: #ffd700; background: rgba(0,0,0,0.4); padding: 3px 12px; border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: bold;">
[SIZE]
</span>
<span style="border: 1px solid #ffd700; color: #1a0f02; background: #ffd700; padding: 3px 12px; border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: bold; box-shadow: 0 0 8px #ffd700;">
[TRAIT 1]
</span>
<span style="border: 1px solid #ffd700; color: #1a0f02; background: #ffd700; padding: 3px 12px; border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: bold; box-shadow: 0 0 8px #ffd700;">
[TRAIT 2]
</span>
</div>
<!-- BIO/FLAVOR BLOCK -->
<div style="background: rgba(255, 215, 0, 0.05); padding: 15px; border-radius: 10px; margin-bottom: 15px; border: 1px solid rgba(255, 215, 0, 0.2);">
<p style="margin: 0 0 5px 0; font-size: 14px; color: #eee;">
<b style="color: #ffd700;">Languages:</b> [LANGUAGES]
</p>
<p style="margin: 0 0 5px 0; font-size: 14px; color: #eee;">
<b style="color: #ffd700;">Items:</b> [ITEMS]
</p>
<p style="margin: 0; font-size: 14px; color: #ccc;">
<b style="color: #ffd700;">Notes:</b> [FLAVOR_NOTES]
</p>
</div>
<!-- STAT MODS -->
<div style="display: flex; justify-content: space-between; padding: 8px; background: rgba(0,0,0,0.3); border-radius: 5px; margin-bottom: 15px; font-size: 14px; border: 1px solid #444;">
<span>STR <b>+[STR_MOD]</b></span> <span>DEX <b>+[DEX_MOD]</b></span> <span>CON <b>+[CON_MOD]</b></span>
<span>INT <b>+[INT_MOD]</b></span> <span>WIS <b>+[WIS_MOD]</b></span> <span>CHA <b>+[CHA_MOD]</b></span>
</div>
<!-- SKILLS -->
<div style="background: rgba(255, 215, 0, 0.08); padding: 10px; border-radius: 8px; border: 1px dashed rgba(255,215,0,0.4); margin-bottom: 20px;">
<div style="font-size: 10px; text-transform: uppercase; color: #ffd700; margin-bottom: 4px;">Skills</div>
<div style="font-size: 14px;">
[SKILLS_LIST]
</div>
</div>
<!-- SENSES & SPEED -->
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px;">
<div style="background: rgba(255, 215, 0, 0.15); padding: 8px; border-radius: 8px; border: 1px solid #ffd700;">
<div style="font-size: 10px; text-transform: uppercase; color: #ffd700; margin-bottom: 2px;">Perception</div>
<div style="font-size: 20px; font-weight: bold; text-align: center;">
+[PERCEPTION_MOD]
<span style="font-weight: normal; font-size: 12px; color: #ccc;"><br>
([SENSES])
</span>
</div>
</div>
<div style="background: rgba(255, 215, 0, 0.15); padding: 8px; border-radius: 8px; border: 1px solid #ffd700;">
<div style="font-size: 10px; text-transform: uppercase; color: #ffd700; margin-bottom: 2px;">Speed</div>
<div style="font-size: 20px; font-weight: bold; text-align: center;">
[SPEED] ft.
</div>
</div>
</div>
<!-- VITALS -->
<div style="display: flex; gap: 15px; margin-bottom: 10px;">
<div style="flex: 1; border-top: 3px solid #ffd700; background: rgba(255,255,255,0.05); padding: 8px; text-align: center;">
<div style="font-size: 10px; text-transform: uppercase; color: #ffd700;">AC</div>
<div style="font-size: 22px; font-weight: bold;">
[AC_VAL]
</div>
</div>
<div style="flex: 1; border-top: 3px solid #ff4444; background: rgba(255,255,255,0.05); padding: 8px; text-align: center;">
<div style="font-size: 10px; text-transform: uppercase; color: #ff4444;">HP</div>
<div style="font-size: 22px; font-weight: bold;">
[HP_VAL]
</div>
</div>
</div>
<!-- SAVES -->
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px;">
<div style="text-align: center; border-bottom: 1px solid #ffd700; background: rgba(255,255,255,0.05); padding: 5px; border-radius: 4px;">
<b>Fort</b><i> +[FORT_MOD] </i>
</div>
<div style="text-align: center; border-bottom: 1px solid #ffd700; background: rgba(255,255,255,0.05); padding: 5px; border-radius: 4px;">
<b>Ref</b><i> +[REF_MOD] </i>
</div>
<div style="text-align: center; border-bottom: 1px solid #ffd700; background: rgba(255,255,255,0.05); padding: 5px; border-radius: 4px;">
<b>Will</b><i> +[WILL_MOD] </i>
</div>
</div>
<div style="font-size: 14px; color: #ffaa00; margin-bottom: 15px; font-style: italic;">
[Immunities/Resistances/Weaknesses]
</div>
<!-- DEFENSIVE ABILITIES -->
<div style="font-size: 18px; line-height: 1.6; margin-top: 15px;">
<span style="color: #ffd700; font-weight: bold;">
<b>[Ability Name] </b>
<span style="background: #ffd700; color: #1a0f02; margin-right: 5px; padding: 0 4px; border-radius: 3px; font-size: 12px;">
[2A]
</span></span>
([Traits]) <b>Effect</b> <i>[Description]</i>.
</div>
<!-- DEFENSIVE REACTIONS -->
<div style="border: 2px solid #ffd700; background: rgba(255, 215, 0, 0.1); padding: 12px; border-radius: 10px; margin-top: 15px; font-size: 18px;">
<span style="color: #ffd700; font-weight: bold;">Reaction <span style="background: #ffd700; color: #1a0f02; padding: 0 5px; border-radius: 3px; font-size: 14px;">[R]</span></span>
<b>[Reaction Name]</b> <b>Trigger</b> <i>[Condition]</i>; <b>Effect</b> <i>[Description].</i>
</div>
<!-- OFFENSE SECTION -->
<h4 style="color: #ffd700; border-bottom: 1px solid #ffd700; text-transform: uppercase; letter-spacing: 2px; margin: 25px 0 10px 0;">Offense</h4>
<div style="font-size: 18px; line-height: 1.6;">
<!-- Melee Strike -->
<div style="margin-bottom: 8px;">
<span style="color: #ffd700; font-weight: bold;">
Melee
<span style="background: #ffd700; color: #1a0f02; margin-right: 5px; padding: 0 5px; border-radius: 3px; font-size: 14px;">
[1A]
</span></span>
<b>[Strike Name]</b> <i>+[MOD] / +[MOD-MAP] / +[MOD-2*MAP]</i> ([Traits]), <b>Damage</b> <i>[Dice] [Type]</i>
</div>
<!-- Ranged Strike -->
<div style="margin-bottom: 8px;">
<span style="color: #ffd700; font-weight: bold;">
Ranged
<span style="background: #ffd700; color: #1a0f02; margin-right: 5px; padding: 0 5px; border-radius: 3px; font-size: 14px;">
[1A]
</span></span>
<b>[Strike Name]</b> <i>+[MOD] / +[MOD-MAP] / +[MOD-2*MAP]</i> ([Traits]), <b>Damage</b> <i>[Dice] [Type]</i>
</div>
</div>
<!-- OFFENSIVE SPECIALS -->
<div style="font-size: 18px; line-height: 1.6; margin-top: 15px;">
<span style="color: #ffd700; font-weight: bold;">
[Ability Name]
<span style="background: #ffd700; color: #1a0f02; margin-right: 5px; padding: 0 5px; border-radius: 3px; font-size: 12px;">
[2A]
</span></span>
([Traits]) <b>Effect</b> <i>[Description]</i>.
</div>
<!-- SPELLS & MAGIC -->
<div style="border-top: 1px dashed rgba(255,215,0,0.3); margin-top: 20px; padding-top: 10px;">
<h4 style="color: #ffd700; border-bottom: 1px solid #ffd700; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0 15px 0;">Spells & Magic</h4>
<!-- Innate/Class Spell Block -->
<div style="background: rgba(255, 215, 0, 0.15); margin-top: 8px; padding: 10px; border-radius: 8px; border: 1px solid #ffd700;">
<div style="font-size: 14px; text-transform: uppercase; color: #ffd700; margin-bottom: 2px;">
<b>[Source] Spells</b> DC <i>[DC]</i>, Attack <i>+[MOD]</i>
</div>
<div style="font-size: 16px; font-weight: bold;">
<p style="margin: 0; padding-left: 10px; color: #c0c0c0;">
<b>Cantrips:</b> [Spell], [Spell]<br>
<b>[RANK] Rank:</b> [Spell], [Spell]
</p>
</div>
</div>
<!-- Focus Spell Block -->
<div style="background: rgba(0, 0, 0, 0.2); margin-top: 8px; padding: 10px; border-radius: 8px; border: 1px solid #ffd700;">
<div style="font-size: 14px; text-transform: uppercase; color: #ffd700; margin-bottom: 2px;">
<b>Focus Spells</b> DC <i>[DC]</i>, Attack <i>+[MOD]</i>, <i>[NUM_FPs]</i> FP
</div>
<div style="font-size: 16px; font-weight: bold;">
<p style="margin: 0; padding-left: 10px; color: #c0c0c0;">
<b>Cantrips:</b> [Spell]<br>
<b>[RANK] Rank:</b> [Spell]
</p>
</div>
</div>
</div>
</div>