Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

User:Eviand/Mainpagetest: Difference between revisions

From SpiritVale Wiki
No edit summary
No edit summary
Line 65: Line 65:
<br>
<br>


<div style="max-width:75%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; 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="max-width:70%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; 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="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
<div style="background:#f0f2f8; 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 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 style="padding:1px; display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:5px; text-align:center; font-size:115%;">
 
<div style="padding:1px;">
[[File:CharacterIcon.png|70px|link=Character]]<br />
[[Attributes]]
</div>
 
<div style="padding:1px;">
[[File:Classes.png|70px|link=Classes]]<br />
[[Classes]]
</div>
</div>
 
<table style="width:100%; border-collapse:separate; border-spacing:0; background:#f7f7fa; font-size:105%;">
<div style="padding:1px;">
<tr style="background:#f0f2f8;">
[[File:NeutralIcon.png|70px|link=Elements]]<br />
<th colspan="4" style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Game Systems</th>
[[Elements]]
</tr>
<tr>
<td style="width:25%; padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:CharacterIcon.png|70px|link=Character]]<br />[[Attributes]]</td>
<td style="width:25%; padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:Classes.png|70px|link=Classes]]<br />[[Classes]]</td>
<td style="width:25%; padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:NeutralIcon.png|70px|link=Elements]]<br />[[Elements]]</td>
<td style="width:25%; padding:10px; text-align:center; border-bottom:1px solid #ccc;">[[File:Refinement.png|70px|link=Refinement]]<br />[[Refinement]]</td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:CardIcon.webp|70px|link=Card]]<br />[[Card]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:StorageIcon.png|70px|link=Storage]]<br />[[Storage]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:CraftingIcon.webp|70px|link=Crafting]]<br />[[Crafting]]</td>
<td style="padding:10px; text-align:center; border-bottom:1px solid #ccc;">[[File:NPCIcon.png|70px|link=NPC]]<br />[[Non-Player Character]]</td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:Map_Icon.png|70px|link=Maps]]<br />[[Maps]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:WaypointsIcon.png|70px|link=Waypoints]]<br />[[Waypoints]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />[[Boss Monsters]]</td>
<td style="padding:10px; text-align:center;"></td>
</tr>
</table>
</div>
</div>


<div style="padding:1px;">
[[File:Refinement.png|70px|link=Refinement]]<br />
[[Refinement]]
</div>


<div style="padding:1px;">
<div style="max-width:60%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
[[File:CardIcon.webp|70px|link=Card]]<br />
[[Card]]
</div>
 
<div style="padding:1px;">
[[File:StorageIcon.png|70px|link=Storage]]<br />
[[Storage]]
</div>
 
<div style="padding:1px;">
[[File:CraftingIcon.webp|70px|link=Crafting]]<br />
[[Crafting]]
</div>
 
<div style="padding:1px;">
[[File:NPCIcon.png|70px|link=NPC]]<br />
[[Non-Player Character]]
</div>
 
<div style="padding:1px;">
[[File:Map_Icon.png|70px|link=Maps]]<br />
[[Maps]]
</div>
 
<div style="padding:1px;">
[[File:WaypointsIcon.png|60px|link=Waypoints]]<br />
[[Waypoints]]
</div>
 
<div style="padding:1px;">
[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />
[[Boss Monsters]]
</div>
 
</div>
</div>
</div>
<br>
 
<div style="max-width:75%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; 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="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
<div style="background:#f0f2f8; 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%;">
<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'''
'''Classes'''</div>
</div>
 
<div style="padding:1px; display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:5px; text-align:center; font-size:115%;">
 
<div style="padding:1px;">
[[File:WarriorIcon.webp|80px|link=Warrior]]<br />
[[Warrior]]
</div>
 
<div style="padding:1px;">
[[File:KnightIcon.webp|80px|link=Knight]]<br />
[[Knight]]
</div>
 
<div style="padding:1px;">
[[File:MageIcon.webp|80px|link=Mage]]<br />
[[Mage]]
</div>
 
<div style="padding:1px;">
[[File:RogueIcon.webp|80px|link=Rogue]]<br />
[[Rogue]]
</div>
 
<div style="padding:1px;">
[[File:ScoutIcon.webp|80px|link=Scout]]<br />
[[Scout]]
</div>
</div>


<div style="padding:1px;">
<table style="width:100%; border-collapse:separate; border-spacing:0; background:#f7f7fa; font-size:105%;">
[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />
<tr style="background:#f0f2f8;">
[[Acolyte]]
<th style="width:28%; padding:8px; text-align:center; border-bottom:2px solid #5a4e7c; border-right:2px solid #5a4e7c;">Base Class</th>
</div>
<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 1</th>
 
<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 2</th>
<div style="padding:1px;">
<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 3</th>
[[File:SummonerIcon.webp|80px|link=Summoner]]<br />
</tr>
[[Summoner]]
<tr>
</div>
<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:center; border-bottom:1px solid #ccc;"></td>
</div>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</div>
<td style="text-align:center; border-bottom:1px solid #ccc;"></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:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></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:center; border-bottom:1px solid #ccc;">[[File:Meteor.png|80px|link=Wizard]]<br />[[Wizard]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></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:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></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:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></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:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></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:center;"></td>
<td style="text-align:center;"></td>
<td style="text-align:center;"></td>
</tr>
</table>
</div>
</div>

Revision as of 00:27, 13 September 2025

Join the Playtest on Steam Now: SpiritVale


Welcome to the SpiritVale Wiki



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/

Key Features

🛡️ 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.

Explore the World



Classes
Base Class Advanced 1 Advanced 2 Advanced 3

Warrior

Knight

Mage

Wizard

Rogue

Scout

Acolyte

Summoner