Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
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
More actions
← Older editNewer edit →
VisualWikitext
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 11: Line 11:
  |robots=index, follow
  |robots=index, follow
}}
}}
__NOTOC__


<!-- ========================================================= -->
<div style="max-width:1100px; margin:0 auto;">
<!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
<!-- ========================================================= -->
__NOTOC__


<div style="text-align:center; margin-bottom:2em;">
<!-- Hero -->
<div style="text-align:center; margin:0 0 2em 0;">


<!-- ====================== -->
<!-- Site Logo -->
<!-- ====================== -->
[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]
[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]


<!-- ====================== -->
<div
<!-- Search Button -->
  class="citizen-search-trigger sv-hover-lift sv-focus-ring sv-tile"
<!-- - Keep citizen-search-trigger for Citizen search integration -->
  role="button"
<!-- - Styling uses blue tokens from Common.css -->
  tabindex="0"
<!-- ====================== -->
  style="display:flex; align-items:center; justify-content:center; padding:.55rem 1rem; margin:.7rem auto 0 auto; width:100%; max-width:340px; border-radius:999px; cursor:pointer; text-align:center;"
<div class="citizen-search-trigger sv-hover-lift sv-focus-ring" role="button" tabindex="0" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:.55rem auto 0 auto; width:100%; max-width:340px; border:2px solid var(--sv-ui-line2); border-radius:9999px; background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); cursor:pointer; text-align:center; box-shadow:var(--sv-ui-shadow1);"><span style="font-weight:800; white-space:nowrap;">Click to Search</span></div>
>
  <span style="font-weight:800; white-space:nowrap;">Click to Search</span>
</div>


<!-- ====================== -->
<div style="text-align:center; margin-top:.9rem;">
<!-- Welcome Message and Links -->
  '''Welcome to the SpiritVale Wiki'''
<!-- ====================== -->
  <div style="display:grid; grid-template-columns:repeat(auto-fit, 100px); justify-content:center; gap:8px; place-items:center; width:100%; min-width:0; margin-top:.45rem;">
<div style="text-align:center; margin-top:.85rem;">'''Welcome to the SpiritVale Wiki'''<br /><div style="display:grid; grid-template-columns:repeat(auto-fit, 100px); justify-content:center; gap:6px; place-items:center; width:100%; min-width:0; margin-top:.35rem;"><div class="sv-hover-lift">[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div><div class="sv-hover-lift">[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/SpiritVale]]</div><div class="sv-hover-lift">[[File:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div><div class="sv-hover-lift">[[File:Kofi-logo.webp|x30px|center|link=https://ko-fi.com/renbaikun]]</div><div class="sv-hover-lift">[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div></div></div>
    <div class="sv-hover-lift">[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div>
    <div class="sv-hover-lift">[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/SpiritVale]]</div>
    <div class="sv-hover-lift">[[File:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>
    <div class="sv-hover-lift">[[File:Kofi-logo.webp|center|x30px|link=https://ko-fi.com/renbaikun]]</div>
    <div class="sv-hover-lift">[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>
  </div>
</div>


<!-- ====================== -->
<div style="max-width:1000px; margin:1.25em auto 0 auto; line-height:1.7; font-size:110%;">
<!-- Introductory Description -->
<!-- ====================== -->
<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 />
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 with full details on items, monsters, and more: [https://spiritvale.info/ spiritvale.info]
We also have a database with full details on items, monsters, and more: [https://spiritvale.info/ spiritvale.info]
</div>
</div>
Line 47: Line 48:
</div>
</div>


<!-- ========================================================= -->
<!-- Patch highlights -->
<!-- PATCH HIGHLIGHTS SECTION -->
<!-- ========================================================= -->
{{PatchHighlights}}
{{PatchHighlights}}


<!-- ========================================================= -->
<!-- Classes -->
<!-- CLASSES OVERVIEW TABLE -->
<div class="sv-card" style="margin:1.25rem 0; overflow:hidden;">
<!-- ========================================================= -->
  <div class="sv-tile" style="display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.75rem 1rem; border-radius:0; border-left:none; border-right:none; border-top:none;">
<div style="padding:6px; overflow:auto; -webkit-overflow-scrolling:touch; background:transparent;">
    [[File:Classes.png|25px|link=Classes]]
<table class="custom-table" style="width:100%; table-layout:fixed; font-size:100%; text-align:center;">
    <b>Classes</b>
<tr>
  </div>
<th colspan="4">[[File:Classes.png|25px|link=Classes]] <span>Classes</span></th>
 
</tr>
  <div style="padding:8px; overflow:auto; -webkit-overflow-scrolling:touch;">
<tr>
    <table style="width:100%; table-layout:fixed; font-size:100%; text-align:center; border-collapse:separate; border-spacing:0;">
<th>Base</th>
      <tr>
<th>Advanced I</th>
        <th style="padding:8px;">Base</th>
<th>Advanced II</th>
        <th style="padding:8px;">Advanced I</th>
<th>Advanced III</th>
        <th style="padding:8px;">Advanced II</th>
</tr>
        <th style="padding:8px;">Advanced III</th>
<tr>
      </tr>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
 
<td style="padding:6px;">—</td>
      <tr>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-knight.webp|25px]] [[Knight]]</td>
      </tr>
<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
 
<td style="padding:6px;">—</td>
      <tr>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-knight.webp|25px]] [[Knight]]</td>
</tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
<tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
      </tr>
<td style="padding:6px;">—</td>
 
<td style="padding:6px;">—</td>
      <tr>
</tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
<tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-scout.webp|25px]] [[Scout]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
      </tr>
<td style="padding:6px;">—</td>
 
</tr>
      <tr>
<tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-scout.webp|25px]] [[Scout]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-mage.webp|25px]] [[Mage]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
      </tr>
</tr>
 
<tr>
      <tr>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-mage.webp|25px]] [[Mage]]</td>
<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
      </tr>
<tr>
 
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
      <tr>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-priest.webp|25px]] [[Priest]]</td>
<td style="padding:6px;">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</table>
      </tr>
 
      <tr>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
        <td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
      </tr>
    </table>
  </div>
</div>
</div>


<!-- ========================================================= -->
<!-- Systems -->
<!-- SYSTEMS GRID (Character, Items, Combat, World) -->
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; justify-items:stretch; align-content:start; width:100%; min-width:0;">
<!-- ========================================================= -->


<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; justify-items:center; align-content:start; width:100%; min-width:0;">
  <!-- Character -->
  <div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
    <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
      <div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
        [[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b>
      </div>
      <div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Character]] '''[[Character|Character]]'''</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CharacterIcon.png|24px|link=Attributes]] [[Attributes|Attributes]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SkillsIcon.png|24px|link=Skills]] [[Skills|Skills]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:StorageIcon.png|24px|link=Storage]] [[Storage|Storage]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:GoldCoin.png|24px|link=Coin]] [[Coin|Coin]]</div>
      </div>
    </div>
  </div>


<!-- ====================== -->
  <!-- Items -->
<!-- System Card: Character -->
  <div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<!-- ====================== -->
    <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
      <div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
        [[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b></div>
      </div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:0 4px;">
      <div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Items]] '''[[Items|Items]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:CharacterIcon.png|24px|link=Attributes]]</span> [[Attributes|Attributes]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Consumables]] [[Consumables|Consumables]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SkillsIcon.png|24px|link=Skills]]</span> [[Skills|Skills]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:EquipmentIcon.png|24px|link=Equipment]] [[Equipment|Equipment]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:StorageIcon.png|24px|link=Storage]]</span> [[Storage|Storage]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CardIcon.webp|24px|link=Card System#Cards]] [[Card System#Cards|Cards]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:ArtifactIcon.png|24px|link=Artifacts]] [[Artifacts|Artifacts]]</div>
</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Materials]] [[Materials|Materials]]</div>
</div>
      </div>
</div>
    </div>
  </div>


<!-- ====================== -->
  <!-- Combat -->
<!-- System Card: Items -->
  <div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<!-- ====================== -->
    <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
      <div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
        [[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b></div>
      </div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:0 4px;">
      <div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Combat]] '''[[Combat|Combat]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Consumables]]</span> [[Consumables|Consumables]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Dodge Roll]] [[Dodge Roll|Dodge Roll]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:EquipmentIcon.png|24px|link=Equipment]]</span> [[Equipment|Equipment]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:NeutralIcon.png|24px|link=Elements]] [[Elements|Elements]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:CardIcon.webp|24px|link=Card System#Cards]]</span> [[Card System#Cards|Cards]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:BossMonsterIcon.webp|24px|link=Monsters]] [[Monsters|Monsters]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:ArtifactIcon.png|24px|link=Artifacts]]</span> [[Artifacts|Artifacts]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Arena]] [[Arena|Arena]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</div>
      </div>
</div>
    </div>
</div>
  </div>
</div>


<!-- ====================== -->
  <!-- World -->
<!-- System Card: Combat -->
  <div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<!-- ====================== -->
    <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
      <div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
        [[File:SpiritValeLogo.png|30px|link=World]] <b>World</b>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b></div>
      </div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:0 4px;">
      <div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=World]] '''[[World|World]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Dodge Roll]]</span> [[Dodge Roll|Dodge Roll]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:WaypointsIcon.png|24px|link=Waypoints]] [[Waypoints|Waypoints]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:NeutralIcon.png|24px|link=Elements]]</span> [[Elements|Elements]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:Map_Icon.png|24px|link=Maps]] [[Maps|Maps]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:BossMonsterIcon.webp|24px|link=Monsters]]</span> [[Monsters|Monsters]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:NPCIcon.png|24px|link=NPC]] [[NPC|Non-Player Characters]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:Refinement.png|24px|link=Refinement]] [[Refinement|Refinement]]</div>
</div>
        <div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CraftingIcon.webp|24px|link=Crafting System]] [[Crafting System|Crafting]]</div>
</div>
      </div>
</div>
    </div>
  </div>


<!-- ====================== -->
<!-- System Card: World -->
<!-- ====================== -->
<div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=World]] <b>World</b></div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:0 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:WaypointsIcon.png|24px|link=Waypoints]]</span> [[Waypoints|Waypoints]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:Map_Icon.png|24px|link=Maps]]</span> [[Maps|Maps]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:NPCIcon.png|24px|link=NPC]]</span> [[NPC|Non-Player Characters]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:Refinement.png|24px|link=Refinement]]</span> [[Refinement|Refinement]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0; justify-content:center;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div>
</div>
</div>
</div>
</div>


</div>
</div>

Revision as of 23:07, 6 March 2026


Welcome to the SpiritVale Wiki!
 Click to Search

 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 with full details on items, monsters, and more: spiritvale.info

Recent Updates
SpiritVale Playtest 0.9.5
18 December 2025

New weapon graphics, leech and autocast system changes, and balance adjustments across multiple classes.

SpiritVale Playtest 0.9.4
12 December 2025

Update with various improvements and fixes.

SpiritVale Playtest 0.9.3
12 December 2025

Update with various improvements and fixes.


   
   Classes
Base Advanced I Advanced II Advanced III
Warrior — — —
Knight Paladin — —
Rogue Shinobi — —
Scout — — —
Mage Wizard — —
Acolyte Priest — —
Summoner — — —
Retrieved from "https://spiritvale.info/wiki/index.php?title=User:Eviand/Mainpagetest&oldid=2701"
Last modified
This page was last edited on 6 March 2026, at 23:07.