How To Do Classes Homebrewery: Complete Guide To Custom D&D 5e Character Classes
Crafting custom classes in Homebrewery requires a solid understanding of Markdown, CSS styling, and 5th Edition balance principles to achieve that authentic Player's Handbook aesthetic. By leveraging custom HTML block elements alongside native Homebrewery syntax, you can design professional-grade, multi-column class tables, feature progressions, and rich text callouts that match official Wizards of the Coast publications.
Pre-Operation Setup & Environment Preparation
Before diving into Homebrewery markup, you need to understand how the platform renders styling and how to structure a complex multi-page class document. Building a homebrew class is significantly more intricate than creating a subclass or a simple spell list, as it requires meticulous tracking of progression tables, core features, and subclass options.
- Essential Tools & Environment: A modern web browser (Google Chrome or Mozilla Firefox work best for Homebrewery's print-to-PDF engine), a secondary text editor (like VS Code or Notepad++) for drafting raw code safely away from browser refresh mishaps, and a thorough knowledge of Markdown combined with CSS styling basics.
- Prerequisite Knowledge & Standards: Familiarity with the 5th Edition System Reference Document (SRD), standard class progression scaling (proficiency bonus, spell slots, feature acquisition levels), and the Homebrewery v3 styling engine syntax.
- Scope & Time Benchmarks: Expect to spend between 4 to 10 hours of iterative design, balancing, and formatting work to bring a completely original homebrew class from initial concept to a polished, publication-ready PDF.
Step-by-Step Homebrewery Class Creation Workflow
Step 1: Establish Document Properties and Column Layouts
Start by configuring your Homebrewery snippet to handle the multi-column layout required for class features. Because D&D 5e books rely on strict column boundaries, you must use explicit column breaks to keep your tables and text from overflowing awkwardly onto adjacent pages.
- Create a fresh document on The Homebrewery website and ensure your editor view is set to the v3 renderer in the user preferences.
- At the very top of your document, insert a style block using
tags to adjust font sizes or table margins if your specific class features require extra horizontal space. - Use the native column break command (
\columnbreak) to separate your introduction fluff from your primary class features table, ensuring the layout mimics official sourcebooks cleanly.
Pro-Tip: Always keep your raw markdown backed up in an external text file. Browser crashes or accidental cache clears can wipe unsaved Homebrewery sessions instantly.
Step 2: Build the Core Class Table
The class table is the visual anchor of any homebrew class. It displays level-by-level progression, proficiency bonuses, features gained, and resource allocations like spell slots or superiority dice.
- Construct a standard Markdown table using pipes (
|) and hyphens (-) to establish column headers for Level, Proficiency Bonus, Features, and class-specific resources. - Populate all 20 levels meticulously, ensuring that feature names align precisely with the text descriptions that will follow in subsequent sections.
- Apply Homebrewery table-centering syntax and adjust cell padding via custom CSS class wrappers if your feature names run too long for the standard column width.
Warning: Avoid overcrowding your class table with excessive columns. Stick to a maximum of five or six columns to prevent text truncation when exporting your final document to a PDF file.
Step 3: Format Core Features and Subclass Archetypes
Once your table is established, you must write out the detailed mechanics for each feature. Official formatting demands specific heading styles, indented text blocks, and colored banner boxes for subclass choices.
- Use Header 3 (
###) syntax for individual class features, followed by the level requirement in parentheses to match official formatting standards. - Utilize blockquotes (
>) for descriptive flavor text, boxed text for ability descriptions, and table structures for subclass progression lists. - Implement custom division wrappers () if you want to apply background shading or decorative borders to major capstone features.
Homebrewery vs. GM Binder vs. Native Markdown Styling Matrix
Feature / Capability Homebrewery (v3 Engine) GM Binder Raw Markdown / Standard Editors PDF Export Engine Native browser print setup (Chrome optimized) Dedicated print rendering engine Varies wildly by third-party plugin CSS Customization Built-in block supportAdvanced CSS injection per document Requires manual stylesheet linking Column Management Simple \columnbreakcommandsAutomated multi-column CSS flow Requires complex flexbox or grid code Asset Sharing Direct URL saving and version history Cloud-linked repository syncing Local file management (Git/GitHub) Common Homebrewery Formatting Failures & Field Fixes
- Root Cause: Table text overflows or breaks the right-hand margin of the page.
- Actionable Fix: Shorten feature names, reduce table cell padding using a local CSS rule, or move secondary class progression details into a separate descriptive text block below the table.
- Root Cause: The
\columnbreakcommand pushes subsequent text entirely off the bottom of the page instead of moving to the top of the next column.- Actionable Fix: Remove extra blank lines and excessive line breaks immediately preceding the column break command, as accumulated vertical spacing overrides the column shift.
- Root Cause: Custom CSS styling elements break completely after a platform update.
- Actionable Fix: Migrate legacy v1/v2 style blocks to the updated v3 Homebrewery syntax, replacing deprecated HTML wrappers with modern CSS grid and flexbox properties.
Frequently Asked Questions
How do I add background colors to my class feature boxes in Homebrewery?
You can style specific text blocks by wrapping them in HTML division tags with inline CSS properties, such as
. Ensure you close the tag properly at the end of your text block to prevent the styling from bleeding into the rest of your document. Why is my class table formatting breaking when I export to PDF? PDF export rendering is heavily dependent on Google Chrome's print engine settings. Ensure your print destination is set to Save as PDF, paper size is set to Letter, margins are set to None, and background graphics are explicitly enabled in the print dialog options. Can I include custom Homebrewery icons and fonts for my class? Yes, you can import external web fonts and vector icons by linking Google Fonts or FontAwesome stylesheets inside a block at the top of your Homebrewery document. However, keep in mind that external assets may occasionally fail to load during the browser print-to-PDF process.
How do I manage multi-page homebrew classes without breaking layouts?
Use explicit page break commands (
\page) between major sections, such as separating the core class description from the subclass options. This prevents unpredictable text shifting when you make minor edits earlier in the document.Start building your custom class today by opening a fresh Homebrewery document and testing your progression tables with the v3 renderer.
Read also: MAP Reading Fluency Student Login: The Ultimate Guide to Accessing Your Assessment Quickly and Easily - Root Cause: Table text overflows or breaks the right-hand margin of the page.
