```metadata
title: Saltmarsh Style
description: ''
tags:
- meta:Theme
systems:
- 5e
renderer: V3
theme: 5ePHB
```
```css
/* FONT IMPORTS ____________________________________________________ */
/* _________________________________________________________________ */
@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/be88dc909ce74e765dc546aed91b1499fa5d6e7b/FrostmaidenFonts.css');
@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/6ade797a215521264f7a7aca9355489333d9caba/EberronFonts.css');
/* GENERAL CODE ____________________________________________________ */
/* _________________________________________________________________ */
/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/GJeEakF.jpg);
background-size : cover;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/f9MjqZm.jpg);
}
/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4 {
letter-spacing : 1px;
font-weight : normal;
}
.page:not(:has(.frontCover)):not(:has(.insideCover)):not(:has(.credits)):not(:has(.toc)):not(:has(.backCover)) h1 {
letter-spacing : 1px;
margin-bottom : 20px
}
.page h3 {
border-bottom : 2px solid #d7c598;
}
.page h5 {
text-shadow : #000 0px 0px 0.1px;
}
/* DROP CAP */
.page h1+p::first-letter,
.page h1+p::first-line {
all : unset;
}
/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}
/* NOTES */
.page .note {
background-color : #d0e6e5;
border-image : url(https://i.imgur.com/isSyyq3.png) 14 stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
margin : 4mm 0 1mm;
}
/* DESCRIPTIVE NOTES */
.page .descriptive {
background-color : #e0ebea;
border-image : url(https://i.imgur.com/H1rmvpi.png) 12 stretch;
border-image-outset : 4px;
}
/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #c8dfd8;
}
/* MONSTER STATBLOCKS */
.page .monster.frame {
background-color : #faf2cc;
}
/* Adds spacing beneath Headers and Notes */
.page .note {
margin-top : 5mm;
}
.page .note + .note {
margin-top : 2.5em;
}
/* Adjusts the various spacings of Numbered and Bulleted Lists */
.page .note ol > li {
padding: 0 0 0 0.4em;
text-indent: -1.5em;
list-style-type: none;
counter-increment: item;
}
.page .note ul {
margin-top: 0.6em;
}
.page ol {
margin: 0.4em 0 0.5em;
padding: 0;
}
.page ol > li {
padding: 0 0 0 1.3em;
text-indent: -1.5em;
list-style-type: none;
counter-increment: item;
}
.page ol > li:before {
display: inline-block;
width: 1em;
padding-right: 0.5em;
font-weight: bold;
text-align: right;
content: counter(item) ".";
}
/* ARTIST CREDITS */
.page .artist {
position : absolute;
bottom : 180px;
right : -40px;
width : 20%;
transform : rotate(-90deg);
font-family : ScalySansSmallCapsRemake;
font-size : 13px;
text-align : left;
text-transform : lowercase;
color : #94bfc2;
z-index : 200;
}
.page:nth-of-type(even) .artist {
right : unset;
left : -40px;
}
.page .artist p {
font-family : ScalySansSmallCapsRemake !important;
font-size : 13px !important;
}
/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}
/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #1d918d;
}
/* FOOTER IMAGE */
.page:after {
height : 78px;
width : 344px;
bottom : 12px;
background-image : url(https://i.imgur.com/vqvNr1D.png);
transform : ScaleX(-1);
}
.page:nth-of-type(even):after {
left : unset;
right : 0;
transform : ScaleX(1);
}
/* FOOTER TEXT */
.page:not(:has(.frontCover)) .footnote {
left : 76px;
bottom : 42px;
font-size : 10.5px;
color : #539499;
text-transform : uppercase;
text-align : left;
width : 400px;
letter-spacing : 0.5px;
z-index : -3;
}
.page:nth-child(even) .footnote{
left : unset;
right : 76px;
text-align : right;
}
/* PAGE NUMBER */
.page .pageNumber{
left : 15px;
bottom : 32px;
font-size : 14px;
color : #539499;
text-align : left;
z-index : -3;
}
.page:nth-child(even) .pageNumber{
left : unset;
right : 15px;
text-align : right;
}
/* HYPERLINKS */
.page a {
color : inherit;
text-decoration : none;
font-weight : inherit;
}
.page a:hover{
text-decoration : underline;
}
/* QUOTE */
.page .quote {
font-family : Cormorant;
font-size : 15px;
line-height : 1em;
margin-top : 0px;
padding-bottom : 4px;
}
.page .quote.author p:last-child {
font-family : BookInsanityRemake;
font-size : 0.34cm;
margin-top : 4px;
text-align : right;
}
/* 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 CODE _______________________________________________ */
/* _________________________________________________________________ */
.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 -72px 20px;
width : 816px;
}
.page:has(.insideCover) hr {
margin : 12px auto;
}
/* CREDITS PAGE ____________________________________________________ */
/* _________________________________________________________________ */
.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 : #6fa1a5;
font-weight : 900;
}
.page .frontcredit {
position : relative;
right : 10px;
width : 340px;
height : 240px;
margin-top : 15px;
margin-bottom : 110px;
}
.page .frontcredit::before {
content : '';
position : absolute;
top : 4px;
left : -16px;
height : 98%;
width : 107%;
background-image : url(https://i.imgur.com/Hxnd3rq.png);
background-size : 100% 100%;
}
.page .frontcredit img {
position : relative;
top : 16px;
left : -4px;
width : 100.5%;
-webkit-mask-image : url(https://i.imgur.com/bkVRLSo.jpg);
-webkit-mask-position : top;
-webkit-mask-size : 99% 213px;
-webkit-mask-repeat : no-repeat;
z-index : -1;
}
.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
}
.page .frontcredit p {
text-indent : 0;
margin-left : 0;
}
.page .credits .footnote {
bottom : 20px;
left : 0;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}
.page .credits .footnote p {
padding : 4.5em;
}
/* 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;
}
/* CHAPTER HEADING _________________________________________________ */
/* _________________________________________________________________ */
.page .chapter {
column-span : all;
display : block;
padding-bottom : 2px;
}
.chapter:not(.intro) {
text-align : center;
padding-bottom : 60px;
}
.chapter h1 {
font-weight : normal;
letter-spacing : 0.5px;
margin-bottom : 10px;
font-size : 40px;
filter : drop-shadow(0 0 0.8px #ebf3f1) drop-shadow(0 0 0 #ebf3f1)
drop-shadow(0 0 0 #ebf3f1) drop-shadow(0 0 0 #ebf3f1)
drop-shadow(0 0 0 #ebf3f1) drop-shadow(0 0 0 #ebf3f1)
drop-shadow(0 0 0 #ebf3f1) drop-shadow(0 0 0 #ebf3f1);
}
.chapter+p::first-letter,
.chapter+.quote::first-letter,
.tome h1+p::first-letter {
float : left;
font-family : SolberaImitationRemake;
line-height : 1em;
font-size : 14em;
margin-left : -30px;
margin-top : -66px;
margin-bottom : -31px;
padding-left : 20px;
padding-right : 5px;
}
.chapter+.quote::first-line,
.chapter+p:first-line,
.tome h1+p::first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 15px;
text-transform : lowercase;
line-height : 14px;
}
.tome h1+p::first-line {
line-height : 6px;
}
.page .intro::after {
content : '';
position : absolute;
width : 800px;
height : 228px;
top : -95px;
left : 0px;
mix-blend-mode : multiply;
opacity : 70%;
z-index : -1;
background-image : url(https://i.imgur.com/0jjjgCr.jpg);
background-size : cover;
}
.chapter:not(.intro)::before,
.chapter:not(.intro)::after {
content : '';
position : absolute;
width : 100%;
height : 228px;
top : 0;
left : 0;
background-repeat : no-repeat;
z-index : -1;
}
.chapter:not(.intro)::after {
background-image : url(https://i.imgur.com/W2GFT6v.png);
background-size : 85% 50%;
background-position : center 16%;
}
.chapter:not(.intro)::before {
background-image : url(https://i.imgur.com/FySNvis.png);
background-size : 50% 63%;
background-position : center 10%;
}
.chapter.one::before {
filter: saturate(1.2) }
.chapter.two::before {
filter: hue-rotate(-100deg)
saturate(0.7);}
.chapter.three::before {
filter: sepia(1)
saturate(2)
brightness(1.1);}
.chapter.four::before {
filter: sepia(0.5)
hue-rotate(-160deg)
saturate(2)
brightness(0.7);}
.chapter.five::before {
filter: sepia(1)
hue-rotate(-40deg)
saturate(1.8);}
.chapter.six::before {
filter: sepia(0.3)
hue-rotate(165deg)
saturate(2)
brightness(0.85);}
.chapter.seven::before {
filter: sepia(1)
saturate(5)
brightness(0.7);}
.chapter.eight::before {
filter: sepia(0.5)
hue-rotate(20deg)
saturate(3)
brightness(1);}
/* "TOMES"__________________________________________________________ */
/* _________________________________________________________________ */
.page .tome {
position : relative;
border-image : url(https://i.imgur.com/4tWlyFp.png) 80 360 fill;
border-image-outset : 22px 10px;
border-image-width : 24px;
margin-top : 26px;
margin-bottom : 26px;
padding : 10px 0px 18px;
font-family : ScalySansSmall;
}
.tome p {
padding-left : 2px;
}
.tome p:first-of-type {
padding-top : 6px;
}
.tome.wide {
border-image-slice : 84 27 fill;
border-image-outset : 22px 44px;
border-image-width : 27px;
margin-top : 30px;
margin-bottom : 30px;
}
.tome h5 {
font-size : 0.375cm;
}
.tome p+p {
text-indent : 0px;
margin-top : 6px;
}
.tome .hanging p {
text-indent : 1em;
}
.tome .hanging p+p {
text-indent : 1em;
}
/* 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 45px rgba(33, 131, 151, 0.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;
}
.page:has(.backCover) caps {
font-size : 125%;
}
```
{{frontCover}}
{{logo }}
{{emblem
 {opacity:70%}
}}
{{color,background-color:#218d97}}
# ROASTS of SATLMARSH
___
{{banner HOMEBREW}}
{{footnote
Explore the nautical aesthetics of Saltmarsh in this template
made for the world's greatest roleplaying game
}}
 {right:0px,bottom:0px,top:unset,height:100%,z-index:-2}
 {right:510px,bottom:322px,width:40px,transform:rotate(-22deg)scaleX(-1)}
 {right:507px,bottom:373px,width:30px,transform:rotate(-30deg)}
 {right:305px,bottom:446px,width:25px,transform:rotate(20deg)}
 {right:249px,bottom:430px,width:28px,transform:rotate(-30deg)}
\page
{{insideCover}}
# Roasts of Saltmarsh
___
{{artist
[Shawn Wood *(edited)*](https://sgwart.com/)
}}
{width:580px,left:100px,bottom:205px,mix-blend-mode:multiply}
{width:520px,left:130px,bottom:350px}
{{logo }}
\page
{{credits,wide,columns:2
# Credits
**Template Designers:** [u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)
{{frontcredit
 {margin-bottom:10px}
##### On the Cover
A group of desperate adventurers confronts a deadly sahuagin warrior on rough seas. Meanwhile, unbeknownst to the heroes, a monstrosity from the deep breaks the surface to assault their ship. This piece marks [Grzegorz Rutkowski's](https://www.artstation.com/rutkowski) debut as a cover artist for D&D.
:
Also a great Coffee Mug .png from [Pixabay](https://pixabay.com/vectors/coffee-cup-coffee-hot-drink-32285/), which has a free creative commons license.
}}
##### Artist Credits
**Front Cover:** *Ghosts of Saltmarsh* by [Grzegorz Rutkowski](https://www.artstation.com/rutkowski), @Wizards of the Coast. Also *Cup of Coffee* from [Pixabay](https://pixabay.com/vectors/coffee-cup-coffee-hot-drink-32285/)
**Inside Cover:** *Locathah* by [Shawn Wood](https://sgwart.com/), @Wizards of the Coast
{{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,columns:2
# Contents
- ### [{{ Introduction}}{{ 5}}](#p5)
- #### [{{ Tome?}}{{ 5}}](#p5)
- ### [{{ Chapter 1: Saltmarsh}}{{ 6}}](#p6)
- ### [{{ Chapter 6: The Final Enemy}}{{ 7}}](#p7)
- ### [{{ Appendix C: Monsters and NPCs}}{{ 8}}](#p8)
- #### [{{ Anime Sphinx}}{{ 8}}](#p8)
- [{{ Actions}}{{ 8}}](#p8)
}}
\page
{{chapter,intro
# Introduction
}}
Welcome to the *Ghosts of Saltmarsh*. This book collects seven D&D adventures, each famous for their unique challenges, for their deadly threats, and for embracing the danger and wonder of the high seas. Some of these adventures initially charted their courses in the earliest days of D&D's history. while others set sail in more recent years. In each case, these tales of plunder and peril have been updated for the current edition of the game. revealing deadly shores for brave crews to explore anew.
{{tome
## Tome?
This class is called a tome, similar to the [**Curse of Strahd template**](https://homebrewery.naturalcrit.com/share/F-fmqrlqSKw7), but tome doesn't make as much sense for the Saltmarsh aquatic vibe.
That being said, I couldn't come up with anything that visually replresented what this type of element could be called, other than "Note" or "Banner," both of which have specific uses in these documents.
So, here we are. They're called "Tomes" I guess.
}}
{{tome,wide
# Wideness
You can also make wide tomes. and with a drop-cap no less, because why not?.
The side and background of the "tome" will adjust to fit whatever text you need, and the background should be *just* opaque enough to let you write some text overtop an image, if you want.
}}
{{watercolor4,top:150px,right:100px,width:330px,opacity:50%}}
{{pageNumber,auto}}
{{footnote Introduction}}
\page
{{chapter,one
# Chapter 1: Saltmarsh
}}
Saltmarsh is a nondescript fishing village tucked away on the southern coast of the Kingdom of Keoland. For several generations, Keoland was a formidable military power. Its superior cavalry and bold knights pushed the kingdom’s borders outward to the north, west, and east. Each successful campaign increased both the crown’s wealth and power, and each one in turn drew the kingdom’s attention even farther north. The southern coastal regions of Keoland remained a backwater.
\column
{{note
##### Time to Drop Knowledge
Use notes to point out some interesting information.
**Tables and lists** both work within a note.
}}
{{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.
}}
##### 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}}
{{footnote Chapter 1 | Saltmarsh}}
\page
{{chapter,six
# Chapter 6: The Final Enemy
}}
This adventure builds on the events of two previous adventures, The Sinister Secret of Saltmarsh and Dangerat Dunwater. The following section provides a summary of those adventures for characters who did not participate in the missions.
The Final Enemy is designed for four to six characters of 7th level. If you want to use story-based character advancement (see chapter 8 of the Dungeon's Masterguide), the characters gain a level for completing this adventure.
{{watercolor6,top:150px,right:20px,width:330px,opacity:50%}}
{{pageNumber,auto}}
{{footnote Chapter 6 | The Final Enemy}}
\page
# Appendix C: Monsters and NPCs
This appendix details creatures and nonplayer characters that are mentioned in this book and that don't appear in the *Monster Manual*. That book's introduction explains how to interpret a stat block.
Some of these creatures are also described in *Tomb of Annihilation*, *Volo's Guide to Monsters*, and *Princes of the Apocalypse* but are reproduced here for your convenience.
The creatures are presented in alphabetical order.
:
{{monster,frame
## Anime Sphinx
*Tiny beast, manic-depressive evil*
___
**Armor Class** :: 19 (chain mail, shield)
**Hit Points** :: 100(1d4 + 5)
**Speed** :: 30ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
|14 (+2)|2 (-4)|1 (-4)|13 (+2)|3 (-3)|1 (-4)|
___
**Condition Immunities** :: melancholy, drunk
**Senses** :: darkvision 60 ft., passive Perception 16
**Languages** :: Pottymouth
**Challenge** :: 10 (8682 XP)
___
***Onion Stench.*** Any creatures within 5 feet of this thing develops an irrational craving for onion rings.
:
***Hangriness.*** This creature is angry, and hungry. It will refuse to do anything with you until its hunger is satisfied.
When in visual contact with this creature, you must purchase an extra order of fries, even if they say they aren't hungry.
### Actions
***Bulldog Rake.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2)
:
***Team Foot.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2)
:
***Turnbuckle Roll.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2)
:
***Dual Throw.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2)
}}
{{watercolor10,top:500px,right:60px,width:450px,opacity:70%}}
{{pageNumber,auto}}
{{footnote Appendix C | Monsters and NPCs}}
\page
{{backCover}}
 {left:370px,bottom:0px,top:unset,height:100%}
# Adventure on
the High Seas
Nestled on the coast of the Azure Sea is Saltmarsh, a sleepy fishing village that sits on the precipice of destruction. Smugglers guide their ships to hidden coves, willing to slit the throat of anyone fool enough to cross their path. Cruel sahuagin gather beneath the waves, plotting to sweep away coastal cities. Drowned sailors stir to unnatural life, animated by dark magic and sent forth in search of revenge. The cult of a forbidden god extends its reach outward from a decaying port, hungry for fresh victims and willing recruits. While Saltmarsh slumbers, the evils that seek to plunder it grow stronger. Heroes must arise to keep the sea lanes safe for all.
:
This supplement introduces the port town of Saltmarsh, the perfect starting point for a nautical campaign. Seven sea-based adventures, including the classic The Sinister Secret of Saltmarsh and its sequels, take characters from 1st to 12th level. Also inside are rules and DM advice for ships and sea travel, as well as deck plans for various vessels. An appendix provides rules for the new and classic monsters in the adventures.
:
Hoist your sails, pull up anchor, and set a course for adventure!
___
For use with the fifth edition
[*Player's Hand Book*](https://homebrewery.naturalcrit.com/share/1gJtTm4frFs0kb9fD9jGO5I4rLipDzLFpRq-hmiZmTQZz), *Monster's Manual*,
and *Dungeon's Masterguide*.
{{logo
[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}