Stellar-Umbra-12B / README.md
Vortex5's picture
Update README.md
79e8d3d verified
---
base_model:
- Vortex5/Scarlet-Seraph-12B
- Delta-Vector/Rei-V3-KTO-12B
- Retreatcost/KansenSakura-Erosion-RP-12b
library_name: transformers
tags:
- mergekit
- merge
- roleplay
---
<section class="shell stellar-theme">
<div class="title-frame">
<div class="title-block wide">
<h2 class="hero-title">Stellar-Umbra-12B</h2>
</div>
<div class="image-slot inset">
<img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/kF-T8EPJ4xM3LcPxlDoYX.png">
</div>
</div>
<div class="theme-divider"></div>
<section class="pane blended">
<h2 class="pane-title hover-glow">Overview<span class="underline"></span></h2>
<p>
<strong>Stellar-Umbra-12B</strong> is created by merging
<a href="https://huggingface.co/Vortex5/Scarlet-Seraph-12B" target="_blank">Scarlet-Seraph-12B</a>,
<a href="https://huggingface.co/Retreatcost/KansenSakura-Erosion-RP-12b" target="_blank">KansenSakura-Erosion-RP-12B</a>, and
<a href="https://huggingface.co/Delta-Vector/Rei-V3-KTO-12B" target="_blank">Rei-V3-KTO-12B</a>
using a custom method.
</p>
<details class="expando nested" style="margin-top:12px;">
<summary>Show YAML Config</summary>
<pre>
models:
- model: Vortex5/Scarlet-Seraph-12B
- model: Retreatcost/KansenSakura-Erosion-RP-12b
- model: Delta-Vector/Rei-V3-KTO-12B
merge_method: amsf
parameters:
normalize: true
dtype: bfloat16
tokenizer:
source: Vortex5/Scarlet-Seraph-12B
</pre>
</details>
</section>
<section class="pane blended">
<h2 class="pane-title hover-glow">Intended Use<span class="underline"></span></h2>
<div class="tagbox-row">
<div class="tagbox">📕 Storytelling</div>
<div class="tagbox">🎭 Roleplay</div>
<div class="tagbox">✨ Creative Writing</div>
</div>
</section>
<section class="pane blended">
<h2 class="pane-title hover-glow">Credits<span class="underline"></span></h2>
<ul class="credits" style="list-style:none; padding-left:0; margin-left:0;">
<li><strong><a href="https://huggingface.co/mradermacher" target="_blank">Team Mradermacher</a></strong> — Static &amp; imatrix quants</li>
<li><strong><a href="https://huggingface.co/DeathGodlike" target="_blank">DeathGodlike</a></strong> — EXL3 quants</li>
<li><strong><span style="color:#6aa0ff;">Original creators and model authors</span></strong></li>
</ul>
</section>
<div class="theme-divider"></div>
</section>
<style>
.shell.stellar-theme {
max-width: 1000px;
margin: 40px auto;
padding: 40px 24px;
position: relative;
background: radial-gradient(
circle at 45% 55%,
#5ea2ff 0%,
#4b2cff 22%,
#2a0b57 55%,
#0b0016 80%,
#000000 100%
);
border: 4px solid #1b0f3a;
border-radius: 16px;
box-shadow:
0 0 55px 22px rgba(10,0,25,0.80),
0 0 110px 55px rgba(30,0,90,0.45),
inset 0 0 45px rgba(80,20,200,0.35),
inset 0 0 26px rgba(90,60,255,0.22),
0 14px 30px rgba(0,0,40,0.55);
color: #e8e8ff;
font-family: "Cinzel", "Inter", serif;
overflow: visible;
}
.title-block.wide {
width: fit-content;
margin: 0 auto;
padding: 18px 44px;
background: #000014;
border: 3px solid #3b1c7a;
box-shadow:
0 0 10px rgba(0,0,0,0.7),
inset 0 0 6px rgba(90,70,200,0.45);
text-align: center;
}
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
.hero-title {
margin: 0;
font-weight: 700;
font-family: "UnifrakturCook", serif;
font-size: clamp(2.4rem, 5.4vw, 3.5rem);
letter-spacing: 0.04em;
color: #b7c6ff;
transition: text-shadow 0.35s ease, color 0.35s ease;
}
.hero-title:hover {
color: #e0e0ff;
text-shadow:
0 0 8px rgba(120,160,255,0.95),
0 0 16px rgba(80,0,255,0.85),
0 0 26px rgba(60,0,200,0.55),
0 0 40px rgba(30,0,120,0.45);
}
.image-slot.inset img {
display: block;
margin: 24px auto;
max-width: 94%;
border-radius: 8px;
border: 4px solid #3b1c7a;
box-shadow:
0 8px 30px rgba(20,0,60,0.55),
inset 0 0 18px rgba(150,110,255,0.25),
0 0 55px rgba(70,0,140,0.35);
}
.theme-divider {
width: 92%;
max-width: 880px;
height: 18px;
margin: 40px auto;
background: linear-gradient(
90deg,
#6fa8ff 0%,
#705bff 25%,
#3c0f7e 50%,
#705bff 75%,
#6fa8ff 100%
);
background-image:
radial-gradient(circle at 20% 50%, rgba(255,255,255,0.16) 0%, transparent 40%),
radial-gradient(circle at 40% 40%, rgba(255,255,255,0.10) 0%, transparent 45%),
radial-gradient(circle at 60% 60%, rgba(255,255,255,0.12) 0%, transparent 42%),
radial-gradient(circle at 80% 50%, rgba(255,255,255,0.14) 0%, transparent 38%);
background-blend-mode: screen;
border-radius: 10px;
box-shadow: none;
}
.pane.blended,
.pane {
display: block;
margin: 32px auto !important;
width: 90%;
max-width: 780px;
padding: 34px;
border-radius: 0px;
border: 4px solid #341b69;
background: linear-gradient(
135deg,
#0d0020 0%,
#10002b 18%,
#140034 40%,
#180042 70%,
#1c0050 100%
);
box-shadow:
0 6px 20px rgba(0,0,0,0.55),
inset 0 0 35px rgba(160,120,255,0.10),
inset 0 0 14px rgba(200,150,255,0.08);
color: #e8e8ff;
font-size: 1.12rem;
line-height: 1.65;
letter-spacing: 0.01em;
text-shadow:
0 0 2px rgba(0,0,0,0.65),
0 0 4px rgba(0,0,0,0.45);
}
.pane-title {
font-family: "Cinzel Decorative", serif;
font-weight: 800;
font-size: 2.35rem;
letter-spacing: 0.045em;
color: #c6c9ff;
padding-bottom: 16px;
position: relative;
transition: text-shadow 0.35s ease, color 0.35s ease;
}
.pane-title::before {
content: "✦";
margin-right: 12px;
font-size: 1.35rem;
color: #9ab6ff;
}
.pane-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: linear-gradient(
to right,
rgba(80,120,255,0.55),
rgba(60,0,180,0.40),
rgba(0,0,0,0)
);
}
.pane-title:hover {
color: #ffffff;
text-shadow:
0 0 6px rgba(120,160,255,0.90),
0 0 14px rgba(70,0,255,0.85),
0 0 26px rgba(50,0,160,0.55),
0 0 40px rgba(30,0,120,0.45);
}
.tagbox {
padding: 6px 12px;
font-size: 1.05rem;
font-family: 'Cinzel','Inter',serif;
background: linear-gradient(
135deg,
#0f0035,
#15004f,
#20006a
);
border: 2px solid #341b69;
color: #c8d1ff;
text-shadow: 0 0 4px rgba(0,0,0,0.7);
white-space: nowrap;
text-align: center;
box-shadow:
0 0 8px rgba(0,0,0,0.55),
inset 0 0 10px rgba(80,0,120,0.45);
flex: 0 0 auto;
}
.tagbox-row {
display: flex;
justify-content: center;
gap: 8px;
margin: 10px 0;
}
.shell pre {
background: rgba(5,0,25,0.92);
color: #dfe0ff;
border-left: 4px solid rgba(110,80,255,0.8);
}
.shell a {
color: #6ca4ff;
}
.shell a:hover {
color: #a5c1ff;
text-shadow: 0 0 12px rgba(120,160,255,1);
}
</style>