Model card
From the Hugging Face model README
<section class="card">
<figure class="hero">
<div class="frame">
<img src="cover.png" alt="Lucid-Shadow-31B artwork">
</div>
</figure>
<div class="content">
<header class="header">
<h1>Lucid-Shadow-31B</h1>
<div class="title-line" aria-hidden="true"></div>
</header>
<section class="section">
<h2>Overview</h2>
<div class="heading-line" aria-hidden="true"></div>
<p class="text">
<strong>Lucid-Shadow-31B</strong> was created by combining
<a href="https://huggingface.co/google/gemma-4-31B-it">gemma-4-31B-it</a>,
<a href="https://huggingface.co/TheDrummer/Artemis-31B-v1.1">Artemis-31B-v1.1</a>,
<a href="https://huggingface.co/Jackrong/Gemopus-4-31B-it">Gemopus-4-31B-it</a>,
and
<a href="https://huggingface.co/bgg1996/Melinoe-Gemma4-31B-VL">Melinoe-Gemma4-31B-VL</a>
using a custom merge method.
</p>
<details class="config">
<summary>
<span>Merge Configuration</span>
<i aria-hidden="true"></i>
</summary>
<pre><code>base_model: google/gemma-4-31B-it
models:
- model: TheDrummer/Artemis-31B-v1.1
- model: Jackrong/Gemopus-4-31B-it
- model: bgg1996/Melinoe-Gemma4-31B-VL
merge_method: hasp
chat_template: auto
parameters:
steps: 12
dtype: float32
out_dtype: bfloat16
tokenizer:
source: union</code></pre>
</details>
</section>
<section class="section use">
<h2>Intended Use</h2>
<div class="heading-line" aria-hidden="true"></div>
<div class="use-list">
<article class="item">
<h3>Roleplay</h3>
<p>Character-driven interaction, personas, dialogue, emotional scenes, and long-form roleplay.</p>
</article>
<article class="item">
<h3>Creative Writing</h3>
<p>Fiction, dialogue, atmosphere, descriptive writing, stylistic drafting, and imaginative prose.</p>
</article>
<article class="item">
<h3>Storytelling</h3>
<p>Long-form narratives, worldbuilding, continuity, evolving characters, and multi-character plots.</p>
</article>
<article class="item">
<h3>Interactive Fiction</h3>
<p>Branching narratives, scenario play, character interaction, and continuously evolving stories.</p>
</article>
</div>
</section>
<footer class="footer">
<div class="footer-line" aria-hidden="true"></div>
<div class="footer-name">Cyclone Labs</div>
<div class="footer-line footer-line-right" aria-hidden="true"></div>
</footer>
</div>
</section>
<style>
.card,
.card * {
box-sizing: border-box;
}
.card {
--bg: #050506;
--bg-soft: #09080a;
--bg-deep: #020203;
--line: rgba(183, 173, 189, 0.14);
--line-strong: rgba(196, 185, 203, 0.24);
--text: #c8c2ca;
--text-soft: #958f98;
--head: #ece8ee;
--accent: #776b7e;
position: relative;
width: 100%;
max-width: 1472px;
margin: 48px auto;
overflow: hidden;
border:
1px solid rgba(187, 176, 194, 0.18);
border-radius: 0;
background:
linear-gradient(
180deg,
#070708 0%,
#050506 45%,
#030304 100%
);
color: var(--text);
font-family:
"Book Antiqua",
"Palatino Linotype",
Palatino,
Georgia,
serif;
}
.card::before {
content: "";
position: absolute;
inset: 7px;
z-index: 4;
pointer-events: none;
border:
1px solid rgba(224, 216, 229, 0.025);
}
.hero {
position: relative;
margin: 0;
padding:
10px 10px 0;
background:
var(--bg-deep);
}
.frame {
position: relative;
overflow: hidden;
padding: 5px;
border:
1px solid rgba(185, 172, 194, 0.17);
border-radius: 0;
background:
#09080a;
}
.frame::before {
content: "";
position: absolute;
inset: 2px;
z-index: 2;
pointer-events: none;
border:
1px solid rgba(219, 209, 225, 0.055);
}
.frame::after {
content: "";
position: absolute;
left: 5px;
right: 5px;
bottom: 5px;
z-index: 2;
height: 7px;
pointer-events: none;
background:
linear-gradient(
180deg,
transparent,
rgba(0, 0, 0, 0.12)
);
}
.hero img {
display: block;
width: 100%;
height: auto;
margin: 0;
border:
1px solid #18141a;
border-radius: 0;
}
.content {
position: relative;
padding:
clamp(38px, 4.7vw, 72px)
clamp(28px, 6vw, 88px)
clamp(38px, 4.7vw, 68px);
}
.content::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width:
min(720px, 64%);
height: 1px;
transform:
translateX(-50%);
background:
linear-gradient(
90deg,
transparent,
rgba(120, 101, 130, 0.14),
transparent
);
}
.header {
position: relative;
width: 100%;
margin-bottom:
clamp(54px, 6vw, 82px);
text-align: center;
}
.header h1 {
display: block;
width: 100%;
margin: 0;
padding: 0;
color:
var(--head);
font-family:
"Perpetua Titling MT",
Perpetua,
Constantia,
Georgia,
serif;
font-size:
clamp(1.48rem, 2.95vw, 3rem);
font-style: normal;
font-synthesis: none;
font-weight: 400;
line-height: 1.02;
letter-spacing:
0.052em;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.title-line {
width: 70px;
height: 1px;
margin:
19px auto 0;
background:
linear-gradient(
90deg,
transparent,
rgba(207, 194, 214, 0.72),
transparent
);
}
.section {
position: relative;
margin-bottom:
clamp(58px, 7vw, 92px);
}
.section:last-of-type {
margin-bottom: 0;
}
.section h2 {
margin: 0;
color:
var(--head);
font-family:
Perpetua,
Constantia,
"Palatino Linotype",
Georgia,
serif;
font-size:
clamp(1.14rem, 1.85vw, 1.7rem);
font-style: normal;
font-synthesis: none;
font-weight: 400;
line-height: 1.08;
letter-spacing:
0.045em;
text-transform: uppercase;
}
.heading-line {
width: 100%;
height: 1px;
margin:
15px 0 27px;
background:
linear-gradient(
90deg,
rgba(190, 177, 198, 0.25),
rgba(131, 113, 141, 0.1) 35%,
transparent 82%
);
}
.text {
max-width: 1080px;
margin: 0;
color:
var(--text);
font-size:
clamp(0.96rem, 1.07vw, 1.08rem);
line-height: 1.82;
}
.text strong {
color:
#eee9ef;
font-weight: 600;
}
.text a {
color:
#d1c8d4;
text-decoration: none;
border-bottom:
1px solid rgba(145, 124, 156, 0.26);
transition:
color 0.18s ease,
border-color 0.18s ease;
}
.text a:hover {
color:
#faf7fb;
border-bottom-color:
rgba(202, 186, 211, 0.58);
}
.config {
width:
min(900px, 100%);
margin-top:
34px;
overflow: hidden;
border-top:
1px solid rgba(164, 147, 175, 0.15);
border-bottom:
1px solid rgba(164, 147, 175, 0.1);
background:
transparent;
}
.config summary {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
padding:
10px 2px;
list-style: none;
cursor: pointer;
color:
#cfc7d2;
font-family:
Perpetua,
Constantia,
"Palatino Linotype",
Georgia,
serif;
font-size:
0.88rem;
font-style: normal;
font-synthesis: none;
font-weight: 400;
letter-spacing:
0.045em;
text-transform:
uppercase;
}
.config summary::-webkit-details-marker {
display: none;
}
.config summary i {
position: relative;
display: block;
flex:
0 0 auto;
width: 18px;
height: 18px;
margin-left:
18px;
}
.config summary i::before,
.config summary i::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
background:
rgba(191, 177, 200, 0.54);
transform:
translate(-50%, -50%);
transition:
transform 0.2s ease;
}
.config summary i::before {
width: 12px;
height: 1px;
}
.config summary i::after {
width: 1px;
height: 12px;
}
.config[open] summary i::after {
transform:
translate(-50%, -50%)
rotate(90deg);
}
.config pre {
margin: 0;
padding:
18px 2px 21px;
overflow-x: auto;
color:
#aaa2af;
font-family:
Consolas,
Monaco,
"Lucida Console",
monospace;
font-size:
clamp(0.73rem, 0.83vw, 0.83rem);
line-height: 1.57;
white-space: pre;
border-top:
1px solid rgba(138, 118, 150, 0.09);
background:
linear-gradient(
90deg,
rgba(255, 255, 255, 0.008),
transparent 28%
);
}
.config code {
color: inherit;
font-family: inherit;
}
.use-list {
position: relative;
}
.item {
position: relative;
padding:
25px 0 27px;
border-top:
1px solid rgba(169, 155, 179, 0.12);
}
.item:first-child {
padding-top: 4px;
border-top: 0;
}
.item:last-child {
padding-bottom: 0;
}
.item h3 {
margin:
0 0 9px;
color:
#e2dce5;
font-family:
Perpetua,
Constantia,
"Palatino Linotype",
Georgia,
serif;
font-size:
clamp(1.04rem, 1.27vw, 1.2rem);
font-style: normal;
font-synthesis: none;
font-weight: 400;
line-height: 1.18;
letter-spacing:
0.022em;
}
.item p {
max-width: 980px;
margin: 0;
color:
var(--text-soft);
font-size:
clamp(0.91rem, 0.98vw, 0.98rem);
line-height: 1.66;
}
.footer {
display: flex;
align-items: center;
justify-content: center;
width:
min(820px, 88%);
margin:
clamp(58px, 7vw, 86px)
auto 0;
}
.footer-line {
flex: 1;
height: 1px;
background:
linear-gradient(
90deg,
transparent,
rgba(142, 123, 152, 0.22),
rgba(197, 182, 205, 0.2)
);
}
.footer-line-right {
transform:
scaleX(-1);
}
.footer-name {
flex:
0 0 auto;
margin:
0 18px;
color:
rgba(192, 181, 199, 0.66);
font-family:
"Perpetua Titling MT",
Perpetua,
Constantia,
Georgia,
serif;
font-size:
0.7rem;
font-style: normal;
font-synthesis: none;
font-weight: 400;
letter-spacing:
0.17em;
text-transform: uppercase;
white-space: nowrap;
}
@media (max-width: 760px) {
.card {
margin:
24px auto;
}
.hero {
padding:
6px 6px 0;
}
.frame {
padding:
3px;
}
.frame::before {
inset:
1px;
}
.frame::after {
left:
3px;
right:
3px;
bottom:
3px;
height:
5px;
}
.content {
padding:
30px 17px 34px;
}
.header {
margin-bottom:
46px;
}
.header h1 {
width: 100%;
margin: 0;
padding: 0;
font-size:
clamp(0.82rem, 4.45vw, 1.55rem);
font-style: normal;
font-synthesis: none;
letter-spacing:
0.018em;
text-align: center;
white-space: nowrap;
}
.title-line {
width:
48px;
margin-top:
14px;
}
.section {
margin-bottom:
48px;
}
.section h2 {
font-size:
1.02rem;
letter-spacing:
0.035em;
}
.heading-line {
margin:
12px 0 21px;
}
.text {
font-size:
0.94rem;
line-height:
1.69;
}
.config {
margin-top:
27px;
}
.config summary {
min-height:
43px;
padding:
8px 1px;
font-size:
0.73rem;
letter-spacing:
0.03em;
}
.config summary i {
width:
16px;
height:
16px;
margin-left:
10px;
}
.config pre {
padding:
14px 1px 17px;
font-size:
0.67rem;
line-height:
1.49;
}
.item {
padding:
20px 0 21px;
}
.item:first-child {
padding-top:
2px;
}
.item h3 {
font-size:
0.99rem;
}
.item p {
font-size:
0.87rem;
line-height:
1.55;
}
.footer {
width:
96%;
margin-top:
50px;
}
.footer-name {
margin:
0 9px;
font-size:
0.59rem;
letter-spacing:
0.1em;
}
}
</style>