HB XanatharundefinedsStyle

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 27

```metadata

title: Xanathar's Style


description: ''
tags: ''
systems:
- 5e
renderer: V3
theme: 5ePHB

```

```css
/* FONT IMPORTS ____________________________________________________ */
/* _________________________________________________________________ */

@import url(https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
86c37513be2e315f717a2e9295bfb8149dc85a80/XanatharFonts.css);

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
6ade797a215521264f7a7aca9355489333d9caba/EberronFonts.css');

/* ________________________________________________________________ */

/* INSTRUCTIONS FOR CHANGING THEME COLORS:


Xanathar's Guide to Everything changes the colors of its footer image and chapter
headers depending on what chapter you're in. The default color is yellow, and the
other themes (in order) are blue, green, and red.

To change the color theme in this document, you just need to put the following
somewhere on the page you want to change:

{{blue}}

Or, if you want a slightly cleaner way to do it, I like to put the "blue" class in
the page number code, like the following:

{{pageNumber,auto,blue}}

The same goes for the themes below, just use the color "green" or "red",
respectively. Again, yellow will be the color theme by default. */

/* GENERAL CODE ___________________________________________________ */

/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/VjuryuT.jpg);
background-size : cover;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/UrB4Mya.jpg);
}

/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
letter-spacing : 1px;
font-weight : normal;
}
.page h5 {
font-weight : bold;
text-shadow : #000 0 0 0.1px;
}
.page h1+p {
margin-top : 5px;
}

/* DROP CAP */
.page .chapter+p:first-letter,
.page h1+p:first-letter,
.page .chapter+.quote::first-letter,
.page h1+.quote::first-letter {
color : black;
float : left;
font-family : SolberaImitationRemake;
font-size : 126px;
line-height : 1em;
--shadow-x0 : #f9f8f4 0 0 1.2px;
--shadow-x1 : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
--shadow-x2 : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
text-shadow : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
text-transform : uppercase;
background : unset;
background-image : url(https://i.imgur.com/OXd9IH6.png);
background-size : min(82px, 100%) auto;
background-repeat : no-repeat;
background-position : right 44% center;
padding : 24px 4px 2px 40px;
margin : -32px 1px -20px -34px;
}

/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}

/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}

/* FOOTER IMAGE */
.page:after {
height : 330px;
background-image : url(https://i.imgur.com/wNAkUuR.png);
}

/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #dbdbe1;
}

/* MONSTER STATBLOCKS */
.page .monster.frame {
background-color : #fdf8ce;
}
.page .monster table tr:nth-child(odd) td {
background-color : transparent;
}

/* NOTES */
.page .descriptive {
background-color : #dbdbe1;
}
.page .note {
background-color : #f2e5ba;
border-image : url(https://i.imgur.com/KtrHa62.png) 14
stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
margin : 4mm 0 1mm;
}

/* ARTIST CREDITS */
.page .artist {
position : absolute !important;
bottom : 100px;
left : 60px;
transform : rotate(-90deg);
transform-origin : bottom left;
text-align : left;
font-family : ScalySansSmallCapsRemake;
font-size : 13px;
text-transform : lowercase;
color : #999;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}

/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #b4a779;
}

/* FOOTER */
.page:not(:has(.frontCover),:has(.credits)) .footnote {
left : 74px;
bottom : 49px;
width : fit-content;
font-size : 10px;
text-align : left;
text-transform : uppercase;
letter-spacing : 0.8px;
}
.page:nth-child(even):not(:has(.frontCover),:has(.credits)) .footnote {
left : unset;
right : 85px;
text-align : right;
}

/* FOOTER TEXT & PAGE NUMBER COLOR and SHADOW */


.page:not(:has(.frontCover),:has(.credits)) .footnote,
.page .pageNumber {
color : #808080;
z-index : 200;
--shadow-x0 : #f0efeb 0 0 2px;
--shadow-x1 : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
--shadow-x2 : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
text-shadow : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
}

/* PAGE NUMBER */
.page .pageNumber {
left : 26px;
bottom : 42px;
font-size : 12px;
text-align : left;
}
.page:nth-child(even) .pageNumber {
left : unset;
right : 26px;
text-align : right;
}

/* HYPERLINKS */
.page a {
color : inherit;
text-decoration : none;
}
.page a:hover{
text-decoration : underline;
}

/* QUOTE */
.quote {
margin-top : 0px;
padding-bottom : 20px;
font-family : Cormorant;
font-size : 15px;
line-height : 1em;
}

.quote.author p:last-child {
margin-top : 4px;
font-family : BookInsanityRemake;
font-size : 0.34cm;
text-align : right;
}

/* EXTRAS _________________________________________________________ */

/* FULL PAGE IMAGE W/ OVERLAY */


.page:has(.fullpage)::after {
height : 100%;
background-image : url(https://i.imgur.com/j2kThM4.png);
transform : scaleX(1);
}
.page:nth-child(odd):has(.fullpage)::after{
transform : scaleX(-1);
}
.page .fullpage img {
top : 0;
left : 0;
height : 100%;
min-width : 100%;
}

/* WIDE BLOCK W/ DECORATION */


.page .wide.decoration::before {
content : '';
display : block;
height : 28px;
width : 694px;
margin : -8px -11px 8px;
background-image : url(https://i.imgur.com/fOhtAYm.png);
background-size : 100% 100%;
}

/* DECALS __________________________________________________________ */
.page [class*="decal"],
.page .crosshatch {
content : '';
position : absolute;
background-size : contain;
background-repeat : no-repeat;
z-index : -10;
}

.page [class*="decal"] {
right : 0;
}
.page [class*="decal"].left {
right : unset;
left : 0px;
transform : ScaleX(-1);
}
.page .decal2.left,
.page .decal3.left {
left : -10px;
}

.page .decal1 {
top : 0;
height : 530px;
width : 323px;
background-image : url(https://i.imgur.com/qArNReE.png);
}
.page .decal2 {
right : -10px;
bottom : 0;
height : 530px;
width : 530px;
background-image : url(https://i.imgur.com/F2r2FA0.png);
z-index : 200;
}
.page .decal3 {
top : -10px;
height : 610px;
width : 545px;
background-image : url(https://i.imgur.com/jZmQXae.png);
}
.page .decal4 {
top : 0;
height : 146px;
width : 400px;
background-image : url(https://i.imgur.com/VtiR9PM.png);
}

/* CROSSHATCH PATTERN (Used in Xanathar's similarly to watercolor splashes) */


.page .crosshatch {
width : 500px;
height : 100%;
margin : -50px;
background-image : url(https://i.imgur.com/hqcBD1j.png);
}

/* FRONT COVER ____________________________________________________ */


/* ________________________________________________________________ */

.page:has(.frontCover) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 16px;
text-transform : none;
}

.page:has(.frontCover) hr {
margin : 12px auto;
width : 10cm;
}

.page:has(.frontCover) h2,
.page:has(.frontCover) h3 {
filter : drop-shadow(0 0 1.3px black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
font-family : 'Modesto Expanded';
font-size : 0.8cm;
letter-spacing : 0.1cm;
margin-top : 10px;
transform : ScaleX(0.9);
}

.page:has(.frontCover) h3 {
color : white;
border-bottom : none;
font-size : 0.64cm;
}

.page:has(.frontCover) .footnote {
font-family : VeraCruz;
letter-spacing : 1px;
z-index : 1;
width : fit-content;
}

.page small {
position : relative;
text-transform : lowercase;
bottom : 10px;
font-size : 90%;
}

.page:has(.frontCover) .emblem,
.page:has(.frontCover) .color {
position : absolute;
top : 0;
left : 0;
background-size : 100% 100%;
background-repeat : no-repeat;
}
.page:has(.frontCover) .color {
height : 19px;
width : 650px;
background-color : black;
opacity : 75%;
z-index : -1;
-webkit-mask-image : url(https://i.imgur.com/bURATrX.png);
-webkit-mask-size : 100% 100%;
}
.page:has(.frontCover) .emblem {
height : 80px;
width : 340px;
z-index : 0;
background-image : url(https://i.imgur.com/y2xctk4.png);
}
.page:has(.frontCover) .emblem img {
left : 20px;
top : 0;
min-width : unset;
max-width : 50%;
max-height : 100%;
z-index : 1;
}

/* INSIDE COVER ___________________________________________________ */


/* ________________________________________________________________ */

.page:has(.insideCover) h1 {
font-size : 88px;
}

.page:has(.insideCover) h2 {
font-family : Nodesto;
font-size : 3em;
letter-spacing : 0.8px;
}

.page:has(.insideCover) h3 {
font-family : 'Modesto Expanded';
font-weight : normal;
font-size : 31px;
letter-spacing : 1px;
border-bottom : unset;
margin : 10px -80px 20px;
width : 816px;
}

.page:has(.insideCover) hr {
margin : 12px auto;
}

/* CREDITS PAGE ___________________________________________________ */


/* ________________________________________________________________ */

.page:has(.credits) h1+p::first-letter,
.page:has(.credits) h1+p::first-line,
.page:has(.credits)::after {
all : unset;
}

.page:has(.credits) h1 {
font-size : 40px;
}

.page:has(.credits h2),
.page:has(.credits h5) {
margin-bottom :14px;
}

.page:has(.credits) p {
font-family : Martel_SansRegular;
font-style : normal;
font-size : 0.83em;
line-height : 1.5em;
text-indent : -1em;
margin-left : 1em;
}

.page:has(.credits) strong {
font-family : Martel_SansExtraBold;
}

.credits a {
color : #999;
font-weight : bold;
}

.page .frontcredit {
position : relative;
right : 10px;
width : 310px;
height : 240px;
margin-top : 15px;
margin-bottom : 100px;
}

.page .frontcredit::before {
content : '';
position : absolute;
top : 9px;
left : -20px;
height : 94.5%;
width : 113%;
background-image : url(https://i.imgur.com/HKHIW1j.png);
background-position : center;
background-size : 100% 100%;
background-repeat : no-repeat;
}

.page .frontcredit img {


position : relative;
top :
16px;
left : -8px;
min-width : 105%;
height : 213px;
-webkit-mask-image :
url(https://i.imgur.com/z17DCrf.png);
-webkit-mask-position : top;
-webkit-mask-size : 325px 213px;
-webkit-mask-repeat : no-repeat;
}

.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
}

.page .frontcredit p {
text-indent : 0;
margin-left : 0;
}

.credits .footnote {
bottom : 20px;
left : 0;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}

.credits .footnote p {
padding : 4.5em;
text-indent : 0;
}

/* TABLE OF CONTENTS _______________________________________________ */


/* _________________________________________________________________ */
.page:has(.toc) h1 {
text-align : left;
}

.page .toc h3,


.page .toc h4 {
font-family : BookInsanityRemake;
font-size : 12px;
letter-spacing : 0;
}

.page .toc h3 {
font-weight : bold;
border-bottom : unset;
}

.page .toc h4 {
margin-top : 2px;
color : black;
}

.page .toc ul h3 span:first-child::after {


border-bottom : 0.05cm dotted #000;
}

.page .toc ul li + li h3 {
margin-top : 8px;
}

.page .toc.wide {
columns : 3;
column-gap : 16px;
}

/* XANATHAR COMMENTS _______________________________________________ */


/* _________________________________________________________________ */

/* The weird notation below just means "apply this code to any class that has the
name 'comment' in it" */
.page [class*="comment"] {
font-family : Psycho;
position : absolute;
min-height : 130px;
max-height : 350px;
width : 340px;
padding : 10px 20px 20px 30px;
background-image : url(https://i.imgur.com/fSEEBUG.png);
background-size : 100% 100%;
background-repeat : no-repeat;
filter : drop-shadow(1px 3px 5px rgba(140,
140, 140, 0.8));
z-index : 205;
}

.page .comment2 {
background-image : url(https://i.imgur.com/VBHXNmb.png);
min-height : 90px;
max-height : 230px;
width : 350px;
padding : 15px 20px 20px 25px;
}
.page .comment3 {
background-image : url(https://i.imgur.com/gAfgytb.png);
min-height : 120px;
max-height : 250px;
width : 360px;
padding : 10px 25px 20px 30px;
}
.page .comment4 {
background-image : url(https://i.imgur.com/s8dkeCL.png);
min-height : 75px;
max-height : 200px;
width : 380px;
padding : 12px 25px 20px 30px;
}
.page .comment5 {
background-image : url(https://i.imgur.com/pbWuP59.png);
min-height : 80px;
max-height : 180px;
width : 375px;
padding : 10px 25px 20px 25px;
}
.page .comment6 {
background-image : url(https://i.imgur.com/EullZt7.png);
min-height : 70px;
max-height : 200px;
width : 370px;
padding : 15px 20px 20px 25px;
}
.page .comment7 {
background-image : url(https://i.imgur.com/u95HaQt.png);
min-height : 90px;
max-height : 300px;
width : 420px;
padding : 20px 30px 20px 30px;
}
.page .comment8 {
background-image : url(https://i.imgur.com/RscZc46.png);
min-height : 100px;
max-height : 250px;
width : 390px;
padding : 15px 25px 15px;
}
.page .comment9 {
background-image : url(https://i.imgur.com/1848blR.png);
min-height : 70px;
max-height : 150px;
width : 385px;
padding : 15px 20px 10px 30px;
}
.page .comment10 {
background-image : url(https://i.imgur.com/qcq9SS6.png);
min-height : 90px;
max-height : 240px;
width : 380px;
padding : 25px 20px 20px 30px;
}
.page .comment11 {
background-image : url(https://i.imgur.com/pXlSnaO.png);
min-height : 130px;
max-height : 320px;
width : 420px;
padding : 15px 20px 15px 25px;
}
.page .comment12 {
background-image : url(https://i.imgur.com/xKUdw4w.png);
min-height : 130px;
max-height : 325px;
width : 400px;
padding : 18px 18px 15px 30px;
}
.page .comment13 {
background-image : url(https://i.imgur.com/aO1BPAR.png);
min-height : 80px;
max-height : 150px;
width : 375px;
padding : 18px 18px 15px 30px;
}
.page .comment14 {
background-image : url(https://i.imgur.com/BTiffB9.png);
min-height : 90px;
max-height : 220px;
width : 380px;
padding : 12px 18px 15px 25px;
}
.page .comment15 {
background-image : url(https://i.imgur.com/0UJI6qY.png);
min-height : 80px;
max-height : 160px;
width : 400px;
padding : 18px 25px 20px 35px;
}
.page .comment16 {
background-image : url(https://i.imgur.com/6HN3nsg.png);
min-height : 150px;
max-height : 250px;
width : 350px;
padding : 15px 25px 15px 30px;
}
.page .comment17 {
background-image : url(https://i.imgur.com/FV6hjtP.png);
width : 315px;
min-height : 140px;
max-height : 250px;
padding : 20px 20px 20px 30px;
}

.page [class*="comment"] p {
color : #693a4f;
font-size : 24px;
line-height : 22px;
transform : ScaleY(0.9);
}

.page [class*="comment"] p+p {


padding-top : 6px;
text-indent : 0px;
}

.page [class*="comment"].signature p:last-child {


position : absolute;
right : 35px;
bottom : 15px;
font-size : 24px;
padding-top : 8px;
text-align : right;
font-weight : bold;
transform : scaleY(1.2);
}

.page [class*="comment"] .symbol {


visibility : visible;
position : relative;
top : -13px;
left : 45%;
width : 26px;
height : 25px;
margin-bottom : -25px;
background-image : url(https://i.imgur.com/wfzlWmX.png);
background-size : contain;
background-repeat : no-repeat;
transform : inherit;
}

/* CHAPTER HEADERS _______________________________________________ */


/* _______________________________________________________________ */

.page .chapter {
column-span : all;
display : block;
padding-top : 14px;
padding-bottom : 30px;
}

.chapter::before {
content : '';
position : absolute;
width : 100%;
height : 214px;
top : 0;
left : 0;
z-index : -1;
background-image : url(https://i.imgur.com/NvpOA5P.png);
background-size : cover;
}
.chapter.stain::before {
background-image : url(https://i.imgur.com/2ZWzeWC.png);
}
.page:nth-of-type(odd) .chapter::before {
transform : ScaleX(-1)
}

.chapter hr {
visibility : visible;
height : 15px;
width : 236px;
margin : 0 5.76cm 24px;
background-image : url(https://i.imgur.com/hOcUlP9.png);
background-size : 100% 100%;
border : none;
}

.page:has(.blue) .chapter::before {
background-image : url(https://i.imgur.com/0KkpGTn.png) }
.page:has(.blue) .chapter.stain::before {
background-image : url(https://i.imgur.com/5VUPA1o.png) }
.page:has(.blue) .chapter hr {
background-image : url(https://i.imgur.com/u0vS9Ac.png) }

.page:has(.green) .chapter.stain::before {
background-image : url(https://i.imgur.com/oWy4Wg0.png) }
.page:has(.green) .chapter::before {
background-image : url(https://i.imgur.com/zPQCACW.png) }
.page:has(.green) .chapter hr {
background-image : url(https://i.imgur.com/h5ISdvI.png) }

.page:has(.red) .chapter.stain::before {
background-image : url(https://i.imgur.com/9EB1TvU.png) }
.page:has(.red) .chapter::before {
background-image : url(https://i.imgur.com/e1fGc5U.png) }
.page:has(.red) .chapter hr {
background-image : url(https://i.imgur.com/Youqcfr.png) }

.chapter h1 {
font-size : 39px;
font-family : MrEavesRemake;
text-transform : unset;
position : relative;
margin : -5px;
display : flex;
justify-content : center;
}

.chapter hr+h1 {
margin-top : -26px;
}

.page .chapter::after {
content : '';
position : absolute;
width : 123px;
height : 261px;
top : 129px;
left : 0px;
z-index : -10;
background-image : url(https://i.imgur.com/vE10Nd4.png);
background-size : contain;
background-repeat : no-repeat;
}
.page:nth-of-type(odd) .chapter::after {
background-image : unset;
}
.chapter+.quote::first-line,
.chapter+p:first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 15px;
text-transform : lowercase;
line-height : 14px;
}

/* BACK COVER CODE__________________________________________________ */


/* _________________________________________________________________ */

/* Feel free to change the "rgba" values to whatever color you'd like (I recommend
using https://www.hexcolortool.com/ to pick a color) */
.page:has(.backCover) .backCover {
filter : drop-shadow(0 0 30px rgba(145, 137, 154, .75));
}

.page:has(.backCover) h1 {
font-size : 58px;
}

.page:has(.backCover) p {
font-family : martel_sanssemibold;
font-size : 11.7px;
line-height : 1.6em;
text-indent : 0em;
color : white;
}

.page:has(.backCover) caps {
font-size : 125%;
}
```

<!---
Here is a link to all my other Homebrewery templates, if you're interested:

https://homebrewery.naturalcrit.com/user/KaiburrKathHound?sort=alpha&dir=asc

Also, IF you want to buy me a coffee (or something), here's my Ko-fi page:
https://ko-fi.com/kaiburrkathhound
--->

{{frontCover}}

{{logo ![](/assets/naturalCritLogoRed.svg)}}

# XANATHAR'S GUIDE <br> <small>to</small> ANYTHING


## ... But not *Everything*
___

{{banner HOMEBREW}}

{{footnote
Explore a wealth of gilded decals, cross-hatched backgrounds, and color- <br>coded
sections in this template made for the world's greatest roleplaying game
}}
![background image](https://i.imgur.com/ZMc6xy3.jpg)
{position:absolute,bottom:0,right:-5px,height:100%}

\page

{{insideCover}}

# Xanathar's Guide <br> <small>to</small> Anything


### ... But not *Everything*
___

{{watercolor2,top:270px,left:300px,width:360px,background-color:#7a768e}}

{{watercolor10,top:330px,left:100px,width:360px,,background-color:#7a768e}}

![sylgar](https://i.imgur.com/SQartox.png)
{position:absolute;width:350px;left:240px;top:400px;}

{{artist
[Jason Rainville](https://www.artstation.com/jason_rainville)
}}

{{logo ![](/assets/naturalCritLogoRed.svg)}}

\page

{{credits,wide,columns:2

# Credits
**Template Designers:** [u/5e_cleric](https://www.reddit.com/user/5e_cleric/),
[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)

:::::

{{frontcredit

![image](https://i.imgur.com/ZMc6xy3.jpg) {margin-bottom:16px}

##### On the Cover


Xanathar gazes lovingly upon its pet fish. Indeed, this cover, painted by [Jason
Rainville](https://www.artstation.com/jason_rainville), features a great many of
Xanathar's treasures and secrets. Can you find them all?

}}

\column

##### Artist Credits


**Front Cover & Inside Cover:** *Xanathar's Guide to Everything* by [Jason
Rainville](https://www.artstation.com/jason_rainville), @Wizards of the Coast

**Page 5:** *Xanathar Intro* by unknown artist&ast;, @Wizards of the Coast

**Page 6:** *Tarrasque Rampage* by [Craig Spearing](https://craigspearing.com/),


@Wizards of the Coast
**Page 8 (Left):** *Warlock of the Celestial* by unknown artist&ast; (probably
[Eric Belisle](http://www.ericbelisle.com/)), @Wizards of the Coast

**Page 8 (Right):** *College of Swords Bard* by unknown artist&ast;, @Wizards of


the Coast

**Page 9 (Top):** *War Magic Wizard* by unknown artist&ast;, @Wizards of the Coast

**Page 9 (Bottom):** *Unknown* by unknown artist&ast; (probably [Eric Belisle]


(http://www.ericbelisle.com/)), @Wizards of the Coast

*&ast; This is a frustrating template in which to give credit, since it is nearly


impossible to find the corrosponding artist for each respective piece of art.*

<br>*If anyone knows who the artists are for any specific artwork used, please
message [u/Kaiburr_Kath-Hound](https://www.reddit.com/message/compose/) on reddit;
I don't like to just write "Wizards of the Coast" on artist credits.*

{{footnote
The contents of this document is unofficial Fan Content permitted under the Fan
Content Policy. Not approved/endorsed by Wizards. Portions of the materials used
are property of Wizards of the Coast. ©Wizards of the Coast LLC.
}}

}}

\page

{{toc,wide
# Contents
- ### [{{ Introduction}}{{ 5}}](#p5)
- #### [{{ Using This Book}}{{ 5}}](#p5)
- ### [{{ Ch. 1: Character Options}}{{ 7}}](#p7)
- ### [{{ Ch. 2: Dungeon Master's Tools}}{{ 10}}](#p10)
- #### [{{ Header 2}}{{ 10}}](#p10)
- [{{ Header 3}}{{ 10}}](#p10)
- #### [{{ Ghost Pigeon}}{{ 10}}](#p10)
- [{{ Actions}}{{ 10}}](#p10)
- ### [{{ Ch. 3: Spells}}{{ 11}}](#p11)
- ### [{{ App. A: Character Names}}{{ 12}}](#p12)
- #### [{{ Nonhuman Names}}{{ 12}}](#p12)
}}

\page

# Introduction
Beneath the bustling City of Waterdeep, a beholder crime lord keeps tabs on
everyone and everything—or so the beholder thinks. Known as Xanathar, this bizarre
being believes it can gather information on everything in the <caps>Dungeons &
Dragons</caps> multiverse. The beholder desires to know it all! But no matter what
the beholder learns and what treasures it acquires, its most prized possession in
all the multiverse remains its goldfish, Sylgar.

The first major rules expansion to the fifth edition of D&D, Xanathar's Guide to
Everything provides a wealth of new options for the game. Xanathar might not be
able to realize its dream to know everything, but this book does delve into every
major part of the game: adventurers, their adventures, and the magic they wield.
## Using This Book
Written for both players and Dungeon Masters, this book offers options to enhance
campaigns in any world, whether you're adventuring in the Forgotten Realms, another
official D&D setting, or a world of your own creation. The options here build on
the official rules contained within the [*Player's Hand
Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f), the *Monster's
Manual*, and the *Dungeon's Masterguide*. Think of this book as the companion to
those volumes. It builds on their foundation, exploring pathways first laid in
those publications. Nothing herein is required for a D&D campaign—this is not a
fourth core rulebook—but we hope it will provide you new ways to enjoy the game.

Chapter 1 offers character options that expand on those offered in the [*Player's
Hand Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f). Chapter 2 is a
toolkit for the DM that provides new resources for running the game and designing
adventures, all of it building on the *Monster's Manual* and the *Dungeon's
Masterguide*. Chapter 3 presents new spells for player characters and spellcasting
monsters to unleash.

Appendix A provides guidance on running a shared campaign, similar to the


activities staged by the D&D Adventurers League, and appendix B contains a host of
tables that allow you to quickly generate names for the characters in your D&D
stories.

{{note
##### Unearthed Arcana
Much of the material in this book originally appeared in Unearthed Arcana, a series
of online articles we publish to explore rules that might officially become part of
the game. Some Unearthed Arcana offerings don't end up resonating with fans and are
set aside for the time being. The Unearthed Arcana material that inspired the
options in the following chapters was well received and, thanks to feedback from
thousands of you, has been refined into the official forms presented here.
}}

{{comment17,symbol,bottom:5px,right:60px,transform:rotate(-5deg)
What's that, Sylgar? No. Not <br>
yet, my fishy friend. They just <br>
got here. Perhaps after we chat a bit. <br>
I find a little conversation at the beginning helps digestion.
{{symbol,left:34%}}
}}

![image](https://i.imgur.com/9JUF2fD.png)
{position:absolute;width:320px;right:64px;top:50px}

{{watercolor7,top:870px,right:40px,width:350px,background-
color:#7a768e,transform:scaleX(-1)scaleY(1.4)}}

{{pageNumber,auto}}
{{footnote Introduction}}
\page

{{fullpage
![image](https://i.imgur.com/HuuFsV2.jpg)
}}

\page
{{chapter

# Chapter 1
___
# Character Options
}}

The main figures in any D<span style='font-size:10px'>&</span>D campaign are the


characters created by the players. The heroics, folly, righteousness, and potential
villainy of your characters are at the heart of the story. This chapter provides a
variety of new options for them, focusing on additional subclasses for each of the
classes in the [*Player's Hand
Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f).

{{comment1,left:0px,top:305px,transform:rotate(-5deg)
There are a lot of options for notes, all of which have maximum or minimum height,
keeping the notes from looking too stretched out. Cycle through the comment numbers
to see which one fits best!
}}

{{comment2,left:30px,top:450px,transform:rotate(5deg)
Comments can be rotated using the "transform:rotate_deg" (if you're unsure how to
do this, just copy and paste this whole comment, changing the number as you see
fit!).
}}

{{comment3,signature,left:10px,top:570px
In addition, comments can have a signature at the end (denoting who wrote the
comment). It can say whichever name you'd like, but remember to add "signature"
after the comment line, like so: "{{comment3,signature,left:0px..."

Lastly, rmember that the **LAST PARAGRAPH** of the comment will be considered the
signature, and will be formatted differently.

— KAIBURR
}}

{{comment4,left:40px,top:800px,transform:rotate(-5deg)
Another classic staple of these comments is the little "eye" symbol at the end of
each comment. These symbols can be placed where you like. The default is centered
and just below the bottom line, but you may want to change it, depending on your
tastes.

{{symbol}}
}}

{{comment5,signature,right:0px,top:520px,transform:rotate(-1deg)
You can even change which symbol is used, if someone else is writing a comment.
{{symbol,background-image:url(https://i.imgur.com/MhLXU0j.png)}}

— TASHA
}}

{{comment6,right:40px,top:608px,transform:rotate(6deg)
There are more comments to be had? Sure, why not?
{{symbol,background-image:url(/assets/
naturalCritLogoRed.svg),filter:brightness(.39)hue-rotate(-30deg)saturate(0.58)}}
}}

{{comment8,right:-20px,top:690px,transform:rotate(-2deg)
Hang on, MORE comments?? How many more things could I talk about? I could discuss
other abberations, I suppose. Talk about your eye-sores.
{{symbol,left:35%}}
}}

{{comment7,right:10px,top:806px,transform:rotate(1deg)
How long can these notes be? Maybe I could rant about the difficulty of being a
creature with a million eyes. Imagine seeing something so horrible that you WISH
you could forget it, right? I see things ALL the time that I wish I could unsee.

Let me tell you, it is not fun to be caught in between your parents when they're
arguing about one of them "making eyes" at other beholders. That wasn't a metaphor,
and that particular session of therapy was an expensive one, and in all
seriousness, they probably know more about me than anyone, although I like to think
I know as much about them. Is that sad? I can't even tell anymore. The pressure of
seeing more than anyone else does can be a lot,
{{symbol,top:-13px}}
}}

\column

{{descriptive
##### Time to Drop Knowledge
Use descriptive boxes to highlight text that should be read aloud.

**Tables and lists** both work within a descriptive box.


}}

{{note
##### Time to Drop Knowledge
Use notes to point out some interesting information.

**Tables and lists** both work within a note.


}}

##### Character Advancement


| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto,blue}}
{{footnote Chapter 1 | Character Options}}
\page

![img](https://i.imgur.com/Bysd6yB.png)
{position:absolute,width:312px,top:20px,left:65px}

{{crosshatch,width:470px,left:-46px,top:-20px,opacity:60%}}
![img](https://i.imgur.com/auiKgRq.png)
{position:absolute,width:400px,top:80px,right:5px,z-index:201}

{{watercolor2,top:-10px,right:0px,width:380px,opacity:60%,transform:ScaleX(-1)}}

{{decal1,right:-22px,top:-118px}}

{{artist
[Eric Belisle](http://www.ericbelisle.com/)
}}

{{comment9,left:-10px,top:570px,transform:rotate(-4deg)
Alright, I guess there are more comments than I thought there were. What the heck
do you say after so many?
:
{{symbol,top:-25px}}
}}

{{comment10,left:15px,top:690px,transform:rotate(8deg)
So, yeah. Lots of fun, exciting moments to be had during a time like this. Remember
when I ranted about my troubled past?

Good times.
{{symbol,top:-40px,left:30%}}
}}

{{comment11,left:-10px,top:850px,transform:rotate(-3deg)
So, do you want any tea?

Boy, this is a tall note. I should probably write something more substantial.
{{symbol}}
}}

{{comment12,signature,right:20px,top:570px,transform:rotate(8deg)
You remember that these comments are all from me, right? I suppose I need to work
on my "actual" signature anyways. My penmanship isn't what it used to be.
:
— ~~XANTHA~~ XANATHAR
}}

{{comment13,signature,right:20px,top:715px
Are you wondering why these are called "comments" and not "notes" (even though
they're literally written on little notes of paper)? The Homebrewery already has a
designated class called "notes", and I wanted to make a distinction to avoid
confusion.
:
— KAIBURR
}}

{{comment14,right:20px,top:870px,transform:rotate(2deg)
Ha! You believed me when I said I was that "Kaiburr" person, huh? No, I just wanted
to distract from the fact that I misspelled my name... Awww dang it.
{{symbol}}
}}

{{pageNumber,auto,blue}}
{{footnote Chapter 1 | Character Options}}
\page
{{decal4,left}}

![img](https://i.imgur.com/XubiBNM.png)
{position:absolute,width:350px,top:80px,right:40px}
{{decal3,width:520px}}

![img](https://i.imgur.com/j0BaBDO.png)
{position:absolute,width:205px,bottom:60px,left:200px,z-index:201}
{{watercolor7,top:500px,left:-40px,width:380px,opacity:40%}}
{{decal2,left}}

{{comment15,left:20px,top:150px,transform:rotate(-4deg)
Oof. I'm realizing more and more that, as much as I like to talk, it is VERY
difficult to come up with enticing things to talk about.
{{symbol,top:-20px}}
}}

{{comment16,left:20px,top:280px,transform:rotate(6deg)
Oh goodness. You'd think there would <br>
be a warning label on a spell scroll of <br>
*incindiary cloud*. Clearly not.

Luckily, Sylgar was able to splash some water on this note, saving it. Thank
goodness, because this is all very useful information.
{{symbol,top:-30px,left:65%}}
}}

{{pageNumber,auto,blue}}
{{footnote Chapter 1 | Character Options}}
\page

{{chapter

# Chapter 2
___
# Dungeon Master's Tools
}}

Each adventuring group is bound together by the quests it embarks on and by the
dangers its members face together. This chapter offers another way to bind your
party together: a group patron. These patrons provide a strong binding element: an
individual or an organization that unites a party as a team in service to a greater
purpose. A group patron can help set the tone of your party's entire campaign. For
example, a group whose patron is an academic institution is likely to have a very
different story from a group that serves a military. A patron can influence
characters' relationships, their backstories, and the types of dangers they face.

## Header 2
:
### Header 3
:
#### Header 4
:
##### Header 5
(These are just to demonstrate the appearance of headers. They are largely
unchanged from the default).

\column
:

{{monster,frame
## Ghost Pigeon
*Small beast, silly neutral*
___
**Armor Class** :: 10 (chain mail, shield)
**Hit Points** :: 33(1d4 + 5)
**Speed** :: 39ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
|11 (+1)|20 (+5)|5 (-2)|14 (+2)|4 (-3)|1 (-4)|
___
**Condition Immunities** :: groggy, weak-kneed
**Senses** :: darkvision 60 ft., passive Perception 20
**Languages** :: Jive, Common
**Challenge** :: 5 (1066 XP)
___
***Onion Stench.*** Any creatures within 5 feet of this thing develops an
irrational craving for onion rings.
:
***Big Jerk.*** Whenever this creature makes an attack, it starts telling you how
much cooler it is than you.
:
***Pack Tactics.*** These guys work together like peanut butter and jelly. Jelly
and peanut butter.

When one of these guys attacks, the target is covered with, well, peanut butter and
jelly.
### Actions
***Heel Jawbreaker.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target.
*Hit* 5 (1d6 + 2)
:
***Tilt-a-whirl Eye Takedown.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one
target. *Hit* 5 (1d6 + 2)
:
***Dual Cobra Wristlock.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one
target. *Hit* 5 (1d6 + 2)
}}

{{pageNumber,auto,green}}
{{footnote Chapter 2 | Dungeon Master's Tools}}
\page

{{chapter,stain

# Chapter 3
___
# Spells
}}

Many of the character classes in the [*Player's Hand


Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f) harness magic in the
form of spells. This chapter provides new spells for those classes, as well as for
spellcasting monsters. The Dungeon Master decides which of these spells are
available in a campaign and how they can be learned. For example, a DM might decide
that some of the spells are freely available, that others are unobtainable, and
that a handful can be found only after a special quest, perhaps discovered in a
long-lost tome of magic. Wizard spells, in particular, can be introduced to a
campaign in spellbooks found as treasure.

{{watercolor11,top:80px,right:30px,width:350px,opacity:50%}}

{{note
##### Exhaustion
Some special abilities and environmental hazards, such as starvation and the long-
term effects offreezing or scorching temperatures, can lead to a special condition
called exhaustion. Exhaustion is measured in six levels. An effect can give a
creature one or more levels ofexhaustion, as specified in the effect's description.

}}

##### Character Advancement


| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto,red}}
{{footnote Chapter 3 | Magical Miscellany}}
\page

{{chapter,red

# Chapter 3
___
# Spells
}}

Many of the character classes in the [*Player's Hand


Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f) harness magic in the
form of spells. This chapter provides new spells for those classes, as well as for
spellcasting monsters. The Dungeon Master decides which of these spells are
available in a campaign and how they can be learned. For example, a DM might decide
that some of the spells are freely available, that others are unobtainable, and
that a handful can be found only after a special quest, perhaps discovered in a
long-lost tome of magic. Wizard spells, in particular, can be introduced to a
campaign in spellbooks found as treasure.

{{watercolor11,top:80px,right:30px,width:350px,opacity:50%}}

{{note
##### Exhaustion
Some special abilities and environmental hazards, such as starvation and the long-
term effects offreezing or scorching temperatures, can lead to a special condition
called exhaustion. Exhaustion is measured in six levels. An effect can give a
creature one or more levels ofexhaustion, as specified in the effect's description.

}}

##### Character Advancement


| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto,red}}
{{footnote Chapter 3 | Magical Miscellany}}
\page

# Appendix A: Character Names


Some players and DMs have a knack for coming up with character names on the fly,
while others find that task more ofa challenge. The tables in this appendix are
designed to make life easier for both kinds of people, whether you're naming a
player character, a nonplayer character, a monster, or even a place.

Each table contains names that are associated with a nonhuman character race in the
Player's Handbook or a real-world ethnic or language group, with a focus on

\column

groups from antiquity and the Middle Ages. You can select from the possibilities
here, or use dice to determine a name.

Even though names are associated with races in this appendix, a character might not
have a name from their own race. For instance, a half-orc might have grown up among
dwarves and have a dwarven name. Or, as DM, you might decide that dragonborn in
your campaign have a culture reminiscent of ancient Rome and therefore use Roman
names, rather than the dragonborn names suggested here.

{{wide,decoration

## Nonhuman Names

{{columns:4,margin-top:
##### Twi'lek, Male
| d10 | Name |
|:---:|:------|
| 1 | Alask |
| 2 | Cotan |
| 3 | Darap |
| 4 | Jer |
| 5 | Lonay |
| 6 | Nerra |
| 7 | Pol |
| 8 | Siolo |
| 9 | Tol |
| 10 | Vuren |

##### Twi'lek, Female


| d10 | Name |
|:---:|:------|
| 1 | Aayla |
| 2 | Daesha|
| 3 | Gida |
| 4 | Jiljoo|
| 5 | Lyn |
| 6 | Oola |
| 7 | Seku |
| 8 | Shiri |
| 9 | Tann |
| 10 | Xiaan |

##### Twi'lek, Clan


| d10 | Name |
|:---:|:--------|
| 1 | Bondara |
| 2 | Distombe|
| 3 | Freetaa |
| 4 | Gella |
| 5 | Kairn |
| 6 | Olgkru |
| 7 | Rackus |
| 8 | Tarkona |
| 9 | Tualin |
| 10 | Vrei |

##### Wookie, Neutral


| d10 | Name |
|:---:|:------------|
| 1 | Attichitcuk |
| 2 | Chalmun |
| 3 | Frorral |
| 4 | Gaartatha |
| 5 | Jiprirr |
| 6 | Liak |
| 7 | Mallatobuck |
| 8 | Rorworr |
| 9 | Shoran |
| 10 | Tarkov |

}}

}}

{{pageNumber,auto}}
{{footnote Appendix A | Conditions}}
\page

{{backCover}}

![background](https://i.imgur.com/ZMc6xy3.jpg){left:
%,bottom:0px,top:unset,height:100%}

# Beauty and Guile Are in the Eyes of the Beholder!


The beholder Xanathar. Waterdeep's most infamous crime lord, is known to hoard
information on friend and foe alike. He catalogs lore about adventurers and ponders
methods to thwart them. His twisted mind imagines that he can eventually record
everything!
:
Assembled here for the first time are a set of new rules and story options for all
the character classes in the *Player's Hand Book*, including over twenty-five new
subclasses. The book also presents new spells for both player characters and
monsters.
:
Dungeon Masters will find new rules for traps, magic items, downtime activities,
and more-all designed to enhance a D&D campaign and push it in new directions.
:
Amid all this expansion material, the Xanathar offers bizarre observations about
whatever his eyestalks happen to glimpse. Pray they don't come to rest on you!
___

For use with the fifth edition <br> [*Player's Hand


Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f), *Monster's Manual*,
and <br> *Dungeon's Masterguide*.

{{logo
![](/assets/naturalCritLogoWhite.svg)

[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}

You might also like