User:Eviand/Mainpagetest: Difference between revisions

Revision as of 12:14, 4 October 2025

Click to Search

Welcome to the SpiritVale Wiki
Steam page • https://spiritvale.info/

SpiritVale is a free-to-play, class-based action MMORPG inspired by Ragnarok Online. Build your own hero, battle corrupted creatures, and uncover lost history in a world torn by magic and decay.

Choose a base class — Warrior, Knight, Mage, Rogue, Scout, Acolyte or Summoner — and unlock unique skill trees and advanced specializations as you grow. Explore diverse biomes, battle powerful bosses, and team up with friends in real-time, action-based combat.

We also have a database that has all the details on items, monsters, and more: https://spiritvale.info/

Recent Updates
SpiritVale Playtest 0.8.2 4 December 2025 Small update to resolve issue around exploits, and a server rollback. SpiritVale Playtest 0.8.1 3 December 2025 Small update to fix issues with Sanctum of Light SpiritVale Playtest 0.8.0 3 December 2025 Major update adding the Vending System, new maps, and significant class balance adjustments

Game Systems

Character

Items

Combat

World

Non-Player Characters

Refinement

Crafting

Classes

Base	Advanced I	Advanced II	Advanced III
Warrior	—	—	—
Knight	—	—	—
Rogue	File:ShinobiIcon.webp Shinobi	—	—
Scout	—	—	—
Mage	File:WizardIcon.webp Wizard	—	—
Acolyte	—	—	—
Summoner	—	—	—

@@ Line 1: / Line 1: @@
-{{Template:PageHeader
+__NOTOC__
-| PageImage = SpiritValeLogo.png
-| PageHeader = Welcome to the SpiritVale Wiki
-}}
-<!-- ========================================================= -->
+[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]
-<!-- MAIN AREA: flexible two-column band (intro + key features) -->
-<!-- ========================================================= -->
-<div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; margin-bottom:2em;">
+<div class="citizen-search-trigger" role="button" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:.5rem auto 0 auto; width:100%; max-width:320px; border:2px solid #3e365e; border-radius:9999px; background:linear-gradient(180deg,#8b7fca,#5a4e7c); color:#fff; cursor:pointer; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);"><span style="font-weight:700; white-space:nowrap; text-shadow:0 1px 0 rgba(0,0,0,.25);">Click to Search</span></div>
-<!-- ====================== -->
+<div style="text-align:center; margin-top:.75rem;">
-<!-- Left: Introduction text -->
+'''Welcome to the SpiritVale Wiki'''
-<!-- ====================== -->
+<br />
-<div style="font-size:125%; flex:1 1 50%; padding:0 2em; text-align:center; min-width:350px;">
+[https://store.steampowered.com/app/3767850/SpiritVale Steam page] • [https://spiritvale.info/ https://spiritvale.info/]
+</div>
+<!-- ABOUT / INTRO -->
+<div style="max-width:1000px; margin:1.25em auto; line-height:1.6; font-size:110%;">
 SpiritVale is a free-to-play, class-based action MMORPG inspired by Ragnarok Online. Build your own hero, battle corrupted creatures, and uncover lost history in a world torn by magic and decay.<br /><br />
-Choose a base class—Warrior, Knight, Mage, Rogue, Scout, Acolyte or Summoner—and unlock unique skill trees and advanced specializations as you grow. Explore diverse biomes, battle powerful bosses, and team up with friends in real-time, action-based combat.<br /><br />
+Choose a base class — Warrior, Knight, Mage, Rogue, Scout, Acolyte or Summoner — and unlock unique skill trees and advanced specializations as you grow. Explore diverse biomes, battle powerful bosses, and team up with friends in real-time, action-based combat.<br /><br />
 We also have a database that has all the details on items, monsters, and more: [https://spiritvale.info/ https://spiritvale.info/]
 </div>
-<!-- ===================== -->
+<!-- PATCH HIGHLIGHTS -->
-<!-- Right: Key Features box -->
+{{PatchHighlights}}
-<!-- ===================== -->
-<div style="flex:0 0 35%; min-width:350px; margin:0 auto 2em auto;">
-{| style="width:100%; border:2px solid #5a4e7c; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0;"
-|-
-! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; line-height:1.2em; border-top-left-radius:10px; border-top-right-radius:10px;" |
-'''Key Features'''
-|-
-| style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
-'''🛡️ Classic-Inspired Progression'''
-Seven distinct base classes, each with branching advanced paths and unique skills.
-'''⚔️ Real-Time Combat'''
-Action-focused battles with dodge rolls, AoEs, and directional abilities.
-'''🐾 Summon Creatures'''
-Summoner class only – call forth magical allies.
-'''🛠️ Gear, Crafting & Cards'''
-Customize with items, crafted headgear, and card enhancements.
-'''🌍 Stylized World'''
-A vibrant low-poly world filled with monsters, ruins, and cryptic lore.
-'''🤝 Online Co-op'''
-Team up to tackle dungeons and rare bosses.
-'''🎁 No Pay-to-Win'''
-Free-to-play with cosmetics and supporter perks only.
-|}
-</div>
-</div> <!-- /Main area -->
-<!-- ======================= -->
-<!-- Section divider (thin ruler) -->
-<!-- ======================= -->
-<div style="width:100%; border-top:1px solid #ccc; margin:2em 0;"></div>
-<!-- ===================================== -->
-<!-- EXPLORE THE WORLD  banner-->
-<!-- ===================================== -->
-<div style="max-width:100%; margin:0 3px; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25);">
-<div style="color:white; text-align:center; padding:4px 4px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:300%;">
-'''Explore the World'''
-</div>
-</div>
-</div>
-<br />
-<!-- ================= -->
-<!-- GAME SYSTEMS GRID -->
-<!-- ================= -->
-<!-- Notes:
-     - Full width container with min-width for readability
-     - No inner cell borders; icons aligned center
-     - Made to be expanded as needed with more systems
--->
-<div style="width:100%; min-width:400px; margin:0 auto; border:2px solid #5a4e7c; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
-'''Game Systems'''
-</div>
-</div>
-<table style="width:100%; border-collapse:separate; border-spacing:0; font-size:105%;">
+<!-- GAME SYSTEM + CLASSES -->
+<div style="display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:start; width:100%;">
+<table class="custom-table" style="margin:1em 0; text-align:left;">
 <tr>
-<td style="width:25%; padding:10px; text-align:center;">[[File:CharacterIcon.png|70px|link=Attributes]]<br />[[Attributes]]</td>
+<th>Game Systems</th>
-<td style="width:25%; padding:10px; text-align:center;">[[File:Classes.png|70px|link=Classes]]<br />[[Classes]]</td>
-<td style="width:25%; padding:10px; text-align:center;">[[File:NeutralIcon.png|70px|link=Elements]]<br />[[Elements]]</td>
-<td style="width:25%; padding:10px; text-align:center;">[[File:Refinement.png|70px|link=Refinement]]<br />[[Refinement]]</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center;">[[File:CardIcon.webp|70px|link=Card]]<br />[[Card System]]</td>
+<td style="padding:0;">
-<td style="padding:10px; text-align:center;">[[File:StorageIcon.png|70px|link=Storage]]<br />[[Item Storage]]</td>
+<table style="width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0;">
-<td style="padding:10px; text-align:center;">[[File:CraftingIcon.webp|70px|link=Crafting]]<br />[[Crafting]]</td>
+<tr>
-<td style="padding:10px; text-align:center;">[[File:NPCIcon.png|70px|link=NPC]]<br />[[Non-Player Character]]</td>
+<td style="vertical-align:top; padding:0; border-right:1px solid #555; border-bottom:1px solid #555;">
+<table style="width:100%; border-collapse:separate; border-spacing:0;">
+<tr>
+<td style="padding:.3rem;">
+<div style="display:flex; flex-direction:column; gap:.22rem; min-height:120px;">
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Character]]</span><span>'''[[Character|Character]]'''</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:CharacterIcon.png|22px|link=Attributes]]</span><span>[[Attributes|Attributes]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SkillsIcon.png|22px|link=Skills]]</span><span>[[Skills|Skills]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:StorageIcon.png|22px|link=Storage]]</span><span>[[Storage|Storage]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:GoldCoin.png|22px|link=Coin]]</span><span>[[Coin|Coin]]</span></div>
+</div>
+</td>
 </tr>
+</table>
+</td>
+<td style="vertical-align:top; padding:0; border-bottom:1px solid #555;">
+<table style="width:100%; border-collapse:separate; border-spacing:0;">
 <tr>
-<td style="padding:10px; text-align:center;">[[File:Map_Icon.png|70px|link=Maps]]<br />[[Maps]]</td>
+<td style="padding:.3rem;">
-<td style="padding:10px; text-align:center;">[[File:WaypointsIcon.png|60px|link=Waypoints]]<br />[[Waypoints]]</td>
+<div style="display:flex; flex-direction:column; gap:.22rem; min-height:120px;">
-<td style="padding:10px; text-align:center;">[[File:BossMonsterIcon.webp|70px|link=Monsters]]<br />[[Monsters]]</td>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Items]]</span><span>'''[[Items|Items]]'''</span></div>
-<td style="padding:10px; text-align:center;">[[File:EquipmentIcon.png|70px|link=Equipment]]<br />[[Equipment]]</td>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Consumables]]</span><span>[[Consumables|Consumables]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:EquipmentIcon.png|22px|link=Equipment]]</span><span>[[Equipment|Equipment]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:CardIcon.webp|22px|link=Card System#Cards]]</span><span>[[Card System#Cards|Cards]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:ArtifactIcon.png|22px|link=Artifacts]]</span><span>[[Artifacts|Artifacts]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Materials]]</span><span>[[Materials|Materials]]</span></div>
+</div>
+</td>
 </tr>
 </table>
+</td>
-</div>
+</tr>
+<tr>
-<br />
+<td style="vertical-align:top; padding:0; border-right:1px solid #555;">
+<table style="width:100%; border-collapse:separate; border-spacing:0;">
-<!-- ============== -->
+<tr>
-<!-- CLASSES MATRIX -->
+<td style="padding:.3rem;">
-<!-- ============== -->
+<div style="display:flex; flex-direction:column; gap:.22rem; min-height:120px;">
-<!-- Notes:
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Combat]]</span><span>'''[[Combat|Combat]]'''</span></div>
-     - Full width container with min-width for readability
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Dodge Roll]]</span><span>[[Dodge Roll|Dodge Roll]]</span></div>
-     - Additional classes can be added as needed.
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:NeutralIcon.png|22px|link=Elements]]</span><span>[[Elements|Elements]]</span></div>
--->
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:BossMonsterIcon.webp|22px|link=Monsters]]</span><span>[[Monsters|Monsters]]</span></div>
-<div style="width:100%; min-width:400px; margin:0 auto; border:2px solid #5a4e7c; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=Arena]]</span><span>[[Arena|Arena]]</span></div>
-<div style="color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
-'''Classes'''
 </div>
+</td>
+</tr>
+</table>
+</td>
+<td style="vertical-align:top; padding:0;">
+<table style="width:100%; border-collapse:separate; border-spacing:0;">
+<tr>
+<td style="padding:.3rem;">
+<div style="display:flex; flex-direction:column; gap:.22rem; min-height:120px;">
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:SpiritValeLogo.png|22px|link=World]]</span><span>'''[[World|World]]'''</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:WaypointsIcon.png|22px|link=Waypoints]]</span><span>[[Waypoints|Waypoints]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:Map_Icon.png|22px|link=Maps]]</span><span>[[Maps|Maps]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:NPCIcon.png|22px|link=NPC]]</span><span>[[NPC|Non-Player Characters]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:Refinement.png|22px|link=Refinement]]</span><span>[[Refinement|Refinement]]</span></div>
+<div style="display:flex; align-items:center; gap:.3rem;"><span>[[File:CraftingIcon.webp|22px|link=Crafting System]]</span><span>[[Crafting System|Crafting]]</span></div>
 </div>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
-<table style="width:100%; border-collapse:separate; border-spacing:0; font-size:105%;">
+<table class="custom-table" style="margin:1em 0; text-align:left;">
+<tr>
+<th>
+[[File:Classes.png|18px|link=Classes]]
+<span>[[Classes|Classes]]</span>
+</th>
+</tr>
+<tr>
+<td style="padding:0;">
+<table style="width:100%; border-collapse:separate; border-spacing:0;">
 <tr>
-<th style="width:28%; padding:8px; text-align:center; border-bottom:2px solid #5a4e7c; border-right:2px solid #5a4e7c;">Base Class</th>
+<th style="text-align:center; padding:6px;">Base</th>
-<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 1</th>
+<th style="text-align:center; padding:6px;">Advanced I</th>
-<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 2</th>
+<th style="text-align:center; padding:6px;">Advanced II</th>
-<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 3</th>
+<th style="text-align:center; padding:6px;">Advanced III</th>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:WarriorIcon.webp|80px|link=Warrior]]<br />[[Warrior]]</td>
+<td style="text-align:left; padding:4px;">[[File:WarriorIcon.webp|25px]] [[Warrior]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:KnightIcon.webp|80px|link=Knight]]<br />[[Knight]]</td>
+<td style="text-align:left; padding:4px;">[[File:KnightIcon.webp|25px]] [[Knight]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:MageIcon.webp|80px|link=Mage]]<br />[[Mage]]</td>
+<td style="text-align:left; padding:4px;">[[File:RogueIcon.webp|25px]] [[Rogue]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;">[[File:Meteor.png|80px|link=Wizard]]<br />[[Wizard]]</td>
+<td style="text-align:left; padding:4px;">[[File:ShinobiIcon.webp|25px]] [[Shinobi]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:RogueIcon.webp|80px|link=Rogue]]<br />[[Rogue]]</td>
+<td style="text-align:left; padding:4px;">[[File:ScoutIcon.webp|25px]] [[Scout]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:ScoutIcon.webp|80px|link=Scout]]<br />[[Scout]]</td>
+<td style="text-align:left; padding:4px;">[[File:MageIcon.webp|25px]] [[Mage]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">[[File:WizardIcon.webp|25px]] [[Wizard]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />[[Acolyte]]</td>
+<td style="text-align:left; padding:4px;">[[File:AcolyteIcon.webp|25px]] [[Acolyte]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="text-align:left; padding:4px;">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:SummonerIcon.webp|80px|link=Summoner]]<br />[[Summoner]]</td>
+<td style="text-align:left; padding:4px;">[[File:SummonerIcon.webp|25px]] [[Summoner]]</td>
-<td style="text-align:center;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center;"></td>
+<td style="text-align:left; padding:4px;">—</td>
-<td style="text-align:center;"></td>
+<td style="text-align:left; padding:4px;">—</td>
+</tr>
+</table>
+</td>
 </tr>
 </table>
 </div>