OSR OSR Layout and Design Thread

Allow me to wax philosophical about Montserrat for a minute. I started off using it because it was the Shadowdark font and I wanted my stuff to feel Shadowdark-y. For the record, that's a fine reason to use that font. However, as I started to develop my own layout style Montserrat began to have some issues.

First off, Shadowdark uses primarily a two column layout on an A5 page. Montserrat works well for that. For a bunch of reasons I decided to move to a three column layout with my core text spread over two columns and the outside facing columns for headings, editorial content, and (for adventures, condensed stat blocks. Let me drop a couple of images ot make this clearer.

Here's a two column bit from the adventure materials in Cursed Scroll 4
1773695800957.png


And a bit from the core SD book.

1773695841346.png


Both strong examples of two column layout, the first obviously more condensed than the latter.

Here's an example from one of my books.
1773695953408.png


You can see the difference three columns makes - it's a different design space in many respects. I wanted that extra column for a bunch of reasons. One, the inset maps (thanks Johan Nohr) and two the ability to tuck condensed stat blocks right next to where they needed to be used, and three to use as space for what I'll call editorial content, often details that I present there much like you'd see in a foot note, and with the same goal of not breaking the flow of the main text.

I also moved to bulleted lists for room descriptions, but that's a whole other topic.

Once I moved to the three column layout Montserrat was a problem because it's a very wide font. I wanted to use the same font, or version thereof for both the body text and the sidebars, but the width of Montserrat made it a less than optimal choice for that job. Here's the same quote in both 12pt Montserrat Regular and 12pt Alegreya Regular by way of comparison.

1773696614022.png


Fine for the body, but when you stick a wide font into narrow columns you get all sorts of unsightly end-line breaks. Not only does the resulting text look more jagged than I'd like, but it also takes up additional, precious, vertical space. Combined with my desire for a serif font for the body (as I feel it's more fantasy) I needed an alternative. Alegreya is a wonderful font, free for commerical use that had both serif and sans serif versions.

This isn't a critique of Montserrat generally at all, just an example of why sometimes you need to pick the right font for the right job.
 

log in or register to remove this ad


Because I cordially loathe Adobe in all its incarnations. They can stick their subscription fees somewhere tender and get out of my face.

Fair enough!

I use Adobe applications like InDesign, Photoshop, and Illustrator every day and honestly couldn’t do my job without them.

I definitely don’t share your dislike of Adobe but I understand now why you say that!
 

Fair enough!

I use Adobe applications like InDesign, Photoshop, and Illustrator every day and honestly couldn’t do my job without them.

I definitely don’t share your dislike of Adobe but I understand now why you say that!
It's not the programs, it's the subcription fee., The software itself is great.
 



I don't know that I can contribute much, but I'll drop some free resources in case anyone's interested.

Open Font License (OFL) fonts are free for commercial use and, if you have the software, you can change the fonts however you like. There are a few stipulations for alterations, so check the license before doing so.

2200+ Free Open Source Fonts (OFL) › Fontesk

Some free for commercial use horror fonts.

Sinister Fonts: Chad Savage's free, original horror, scary and Halloween fonts

Images.

https://pixabay.com/

The Commons

https://www.si.edu/openaccess

https://unsplash.com/images/stock/creative-common

The Essential Guide To Using Images Legally Online

Free Images: 41 Best Stock Photo Sites to Find High-Quality

 
Last edited:



I used Affinity Publisher...

....for about a month. Went back to InDesign. The lack of text to table is a HUGE function for RPG books.

Since this is an OSR design thread, I shall provide some OSR examples!

Current project (Shadow Fables, meant for Shadowdark, so the aesthetic is meant to be similar with white space and big black titles)

Shadow fables Yokai.jpg


A spread from how I'm doing OSR style adventure modules.

test.jpg




test2.jpg


And another current project, taking 1e/2e hybrid and (hopefully) making it much easier to read and reference, like putting all info the same place.

paladin.jpg

paladin2.jpg

combat.jpg
 

Recent & Upcoming Releases

Remove ads

Top