JezK
Edit File: fantasy-name-generator.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fantasy Name Generator | Unique & Lore-Friendly Ideas - NameFantacy</title> <meta name="description" content="Generate thousands of heroic, dark, and mystical fantasy names for tabletop campaigns, RPG novels, and character creation. Instant, free and responsive."> <link rel="canonical" href="https://namefantacy.com/pages/fantasy-name-generator.html"> <meta property="og:title" content="Fantasy Name Generator - NameFantacy"> <meta property="og:description" content="Create authentic fantasy character names with custom themes."> <meta property="og:type" content="website"> <link rel="stylesheet" href="../assets/css/style.css"> </head> <body> <header class="site-header"> <div class="container nav-wrap"> <a href="../index.html" class="brand-logo"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#5846f6" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3L12 3z"/></svg> Name<span>Fantacy</span> </a> <div class="search-bar-wrap"> <span class="search-icon">🔍</span> <input type="text" id="siteSearchInput" class="search-input" placeholder="Search generators..." autocomplete="off"> <div id="searchDropdown" class="search-dropdown"></div> </div> <button class="nav-toggle" id="navToggle" aria-label="Toggle navigation menu">☰</button> <ul class="nav-links" id="navLinks"> <li><a href="../index.html" class="nav-link">Home</a></li> <li><a href="fantasy-name-generator.html" class="nav-link active">Fantasy</a></li> <li><a href="baby-name-generator.html" class="nav-link">Baby</a></li> <li><a href="business-name-generator.html" class="nav-link">Business</a></li> <li><a href="about.html" class="nav-link">About</a></li> </ul> </div> </header> <main class="container"> <nav class="breadcrumb-nav" aria-label="Breadcrumb"> <ol class="breadcrumb-list"> <li><a href="../index.html">Home</a></li> <li><a href="fantasy-name-generator.html">Generators</a></li> <li aria-current="page">Fantasy Name Generator</li> </ol> </nav> <div class="hero-section"> <h1 class="hero-title">Fantasy Name <span>Generator</span></h1> <p class="hero-subtitle">Forge epic character identities, kingdom monikers, and roleplay heroes with genuine high-fantasy naming conventions.</p> </div> <!-- Active Tool App --> <section class="generator-app-box"> <div class="control-grid"> <div class="form-group"> <label for="themeFilter">Vibe / Theme</label> <select id="themeFilter" name="theme" class="form-control gen-filter"> <option value="heroic">Heroic & Noble</option> <option value="dark">Dark & Eldritch</option> <option value="mystic">Mystic & Arcane</option> </select> </div> <div class="form-group"> <label for="countSelect">Batch Size</label> <select id="countSelect" class="form-control"> <option value="5">5 Results</option> <option value="10" selected>10 Results</option> <option value="20">20 Results</option> </select> </div> </div> <div class="btn-group"> <button class="btn btn-primary" onclick="NameFantacyApp.generate('fantasy')">⚡ Generate Names</button> <button class="btn btn-secondary" onclick="NameFantacyApp.generate('fantasy')">↻ Regenerate</button> <button class="btn btn-secondary" onclick="NameFantacyApp.copyAll()">Copy All Results</button> <button class="btn btn-secondary" onclick="NameFantacyApp.resetFilters('fantasy')">Reset</button> </div> <div class="results-header"> <h3 style="font-size:1.15rem; color:#111827;">Generated Names</h3> <span style="font-size:0.85rem; color:var(--text-muted);">Click heart to save • Click clipboard to copy</span> </div> <div id="resultsGrid" class="results-grid"></div> </section> <!-- Persistent Favorites Block --> <section class="favorites-container"> <div class="favorites-header"> <h3 style="font-size:1.15rem; color:#111827;">⭐ Saved Favorites</h3> <button class="btn btn-secondary btn-sm" onclick="NameFantacyApp.clearAllFavorites()">Clear All</button> </div> <div id="favoritesList" class="favorites-list"></div> </section> <!-- SEO & FAQ Section --> <article class="seo-content"> <h2>Crafting the Perfect Fantasy Alias</h2> <p>A fantasy character's name is the initial gateway to their personality and cultural heritage. An elven noble needs lyrical, vowellic ease, while an orc commander demands sharp, guttural consonants. When crafting names for your campaign or novel, balance memorability with phonetics so readers and players can easily pronounce them.</p> <h3>How to Choose a Name for Your Character</h3> <ol> <li><strong>Consider Origin:</strong> Determine if your hero hails from high castles or treacherous mountain ridges.</li> <li><strong>Examine Meaning:</strong> Choose syllables that subtly reflect their elemental powers, virtue, or inner flaws.</li> <li><strong>Test Voice Cadence:</strong> Speak the name aloud three times in dialogue to ensure natural rhythm.</li> </ol> <div class="faq-wrap"> <h2>Frequently Asked Questions</h2> <div class="faq-item"> <button class="faq-question">Can I use these names commercially for my published novel? <span>+</span></button> <div class="faq-answer"> <p>Yes! Every name generated on NameFantacy.com is 100% royalty-free and available for commercial fiction, video games, tabletop modules, and branding.</p> </div> </div> <div class="faq-item"> <button class="faq-question">Are the names completely random? <span>+</span></button> <div class="faq-answer"> <p>No, they are built with algorithmic phonetic structures to ensure believable pronunciation, avoid unreadable strings, and align with classical literary archetypes.</p> </div> </div> </div> </article> <!-- Related Links --> <section class="related-box"> <h3>Related Generators You May Like</h3> <div class="tools-grid" style="margin-bottom:0;"> <div class="tool-card"> <h4>Elf Name Generator</h4> <p>Delicate, nature-focused, and noble High Elf designations.</p> <a href="elf-name-generator.html" class="explore-link">Explore Elf Names →</a> </div> <div class="tool-card"> <h4>Wizard Name Generator</h4> <p>Arcane designations and titles across mystical spell disciplines.</p> <a href="wizard-name-generator.html" class="explore-link">Explore Wizard Names →</a> </div> <div class="tool-card"> <h4>Dragon Name Generator</h4> <p>Draconic ancient titles, flame-breathing wyrms, and beasts.</p> <a href="dragon-name-generator.html" class="explore-link">Explore Dragon Names →</a> </div> </div> </section> </main> <footer class="site-footer"> <div class="container footer-bottom"> <span>© 2026 NameFantacy.com. All rights reserved.</span> <span><a href="../index.html">Back to Home</a></span> </div> </footer> <script src="../assets/js/generators.js"></script> <script src="../assets/js/search.js"></script> <script src="../assets/js/main.js"></script> <script> // Initialize with 10 default names immediately document.addEventListener('DOMContentLoaded', () => { NameFantacyApp.generate('fantasy'); }); </script> </body> </html>