Model card
From the Hugging Face model README
<section class="wrap">
<div class="visual">
<img src="cover.png" alt="Helios-Flare-31B artwork">
</div>
<div class="heat-line"></div>
<div class="main">
<div class="name">
<h1>Helios-Flare-31B</h1>
<div class="name-line"></div>
</div>
<div class="block">
<div class="heading">
<div class="heading-mark"></div>
<h2>Overview</h2>
<div class="heading-line"></div>
</div>
<p class="copy">
<strong>Helios-Flare-31B</strong> was created by combining
<a href="https://huggingface.co/Cyclone-Labs/Lucid-Shadow-31B">Lucid-Shadow-31B</a>,
<a href="https://huggingface.co/Cyclone-Labs/Starlight-Synthesis-31B">Starlight-Synthesis-31B</a>,
and
<a href="https://huggingface.co/LatitudeGames/Equinox-31B">Equinox-31B</a>
using a custom method.
</p>
<details class="toggle">
<summary>
<span class="toggle-name">Merge Configuration</span>
<span class="toggle-state">
<span class="state-open">Open</span>
<span class="state-close">Close</span>
</span>
</summary>
<pre><code>base_model: google/gemma-4-31B-it
models:
- model: Cyclone-Labs/Lucid-Shadow-31B
- model: Cyclone-Labs/Starlight-Synthesis-31B
- model: LatitudeGames/Equinox-31B
merge_method: arcus
chat_template: auto
parameters:
gain: 1.00
inheritance: 1.15
declone: 0.75
anchor: 0.75
containment: 1.20
dtype: float32
out_dtype: bfloat16
tokenizer:
source: base</code></pre>
</details>
</div>
<div class="block use-block">
<div class="heading">
<div class="heading-mark"></div>
<h2>Intended Use</h2>
<div class="heading-line"></div>
</div>
<div class="list">
<div class="row">
<div class="mark"></div>
<div class="text">
<h3>Roleplay</h3>
<p>Character-driven interaction, personas, dialogue, emotional scenes, and long-form roleplay.</p>
</div>
</div>
<div class="row">
<div class="mark"></div>
<div class="text">
<h3>Creative Writing</h3>
<p>Fiction, dialogue, atmosphere, descriptive writing, stylistic drafting, and imaginative prose.</p>
</div>
</div>
<div class="row">
<div class="mark"></div>
<div class="text">
<h3>Storytelling</h3>
<p>Long-form narratives, worldbuilding, continuity, evolving characters, and multi-character plots.</p>
</div>
</div>
<div class="row">
<div class="mark"></div>
<div class="text">
<h3>Interactive Fiction</h3>
<p>Branching narratives, scenario play, character interaction, and continuously evolving stories.</p>
</div>
</div>
</div>
</div>
<div class="end">
<span></span>
<b></b>
<span></span>
</div>
</div>
</section>
<style>
.wrap,
.wrap * {
box-sizing: border-box;
}
.wrap {
--black: #070201;
--deep: #0d0302;
--brown: #180704;
--red: #781a0d;
--red-bright: #ad3214;
--orange: #d76c25;
--gold: #e1a245;
--cream: #eed09a;
--body: #c2a47b;
--soft: #8d7056;
position: relative;
width: 100%;
max-width: 1480px;
margin: 46px auto;
overflow: hidden;
border: 1px solid #4e190d;
background:
repeating-linear-gradient(
0deg,
rgba(255, 212, 144, 0.008) 0,
rgba(255, 212, 144, 0.008) 1px,
transparent 1px,
transparent 13px
),
radial-gradient(
ellipse at 50% 17%,
rgba(136, 31, 12, 0.08),
transparent 42%
),
linear-gradient(
180deg,
#0d0302,
#070201
);
color: var(--body);
font-family:
Georgia,
"Times New Roman",
serif;
}
.visual {
width: 100%;
margin: 0;
padding: 0;
background: #050201;
}
.visual img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}
.heat-line {
width: 76%;
max-width: 900px;
height: 5px;
margin:
26px auto 0;
background:
linear-gradient(
90deg,
transparent 0%,
#5a1009 6%,
#8b1f0e 22%,
#b53715 37%,
#df7628 46%,
#f0b64d 50%,
#df7628 54%,
#b53715 63%,
#8b1f0e 78%,
#5a1009 94%,
transparent 100%
);
}
.main {
width: 100%;
padding:
64px 8% 54px;
}
.name {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
margin:
0 auto 78px;
text-align: center;
}
.name h1 {
display: block;
width: auto;
max-width: 100%;
margin: 0 auto;
padding: 0;
color: var(--cream);
font-family:
"Arial Narrow",
"Franklin Gothic Condensed",
"Roboto Condensed",
Arial,
sans-serif;
font-size: 3.2rem;
font-weight: 800;
line-height: 1;
letter-spacing: 0.01em;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
}
.name-line {
width: 66%;
max-width: 580px;
height: 7px;
margin:
24px auto 0;
background:
linear-gradient(
90deg,
#74190d 0%,
#a62b12 27%,
#ce551d 43%,
#e99836 48%,
#f0bb50 50%,
#e99836 52%,
#ce551d 57%,
#a62b12 73%,
#74190d 100%
);
}
.block {
width: 100%;
margin-bottom:
78px;
}
.block:last-of-type {
margin-bottom: 0;
}
.heading {
display: grid;
grid-template-columns:
6px auto minmax(30px, 1fr);
align-items: center;
width: 100%;
gap: 14px;
margin-bottom:
30px;
}
.heading-mark {
width: 6px;
height: 31px;
background:
linear-gradient(
180deg,
#ed9c37,
#bd3815,
#71170c
);
}
.heading h2 {
margin: 0;
color:
#e5bd7d;
font-family:
"Arial Narrow",
"Franklin Gothic Condensed",
"Roboto Condensed",
Arial,
sans-serif;
font-size:
1.42rem;
font-weight:
800;
line-height:
1;
letter-spacing:
0.055em;
text-transform:
uppercase;
white-space:
nowrap;
}
.heading-line {
min-width: 0;
height: 2px;
background:
linear-gradient(
90deg,
#9c2b13,
#612014 58%,
transparent
);
}
.copy {
width: 100%;
margin: 0;
padding:
24px 25px;
border-left:
4px solid #a63215;
border-top:
1px solid #4f190e;
border-bottom:
1px solid #4f190e;
background:
linear-gradient(
100deg,
rgba(70, 16, 8, 0.35),
rgba(20, 6, 3, 0.16) 50%,
transparent
);
color:
#cbb087;
font-size:
1rem;
line-height:
1.72;
}
.copy strong {
color:
#efd09c;
font-weight:
700;
}
.copy a {
color:
#dd8d45;
text-decoration:
none;
border-bottom:
1px solid #8d2b15;
}
.copy a:hover {
color:
#f0bc66;
border-bottom-color:
#d56727;
}
.toggle {
width: 100%;
margin-top:
28px;
border:
1px solid #5e1c0e;
background:
#0b0302;
}
.toggle summary {
display: grid;
grid-template-columns:
minmax(0, 1fr) auto;
align-items: center;
min-height:
54px;
padding:
0 14px 0 18px;
list-style:
none;
cursor:
pointer;
border-left:
6px solid #a52c13;
background:
linear-gradient(
90deg,
#1b0704,
#100403 58%,
#0b0302
);
}
.toggle summary::-webkit-details-marker {
display: none;
}
.toggle-name {
color:
#d8a865;
font-family:
"Arial Narrow",
"Franklin Gothic Condensed",
Arial,
sans-serif;
font-size:
0.74rem;
font-weight:
700;
letter-spacing:
0.13em;
text-transform:
uppercase;
}
.toggle-state {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-width:
58px;
min-height:
27px;
padding:
4px 8px;
border:
1px solid #9c3719;
color:
#d77732;
font-family:
Arial,
sans-serif;
font-size:
0.55rem;
font-weight:
700;
letter-spacing:
0.1em;
text-transform:
uppercase;
}
.state-close {
display: none;
}
.toggle[open] .state-open {
display: none;
}
.toggle[open] .state-close {
display: inline;
}
.toggle[open] .toggle-state {
border-color:
#d16b27;
color:
#efb454;
}
.toggle pre {
width: 100%;
margin: 0;
padding:
22px 20px;
overflow-x:
auto;
border-top:
1px solid #742412;
background:
repeating-linear-gradient(
180deg,
rgba(210, 84, 26, 0.024) 0,
rgba(210, 84, 26, 0.024) 1px,
transparent 1px,
transparent 25px
),
#080201;
color:
#aa9277;
font-family:
Consolas,
Monaco,
"Courier New",
monospace;
font-size:
0.75rem;
line-height:
1.56;
white-space:
pre;
}
.toggle code {
color: inherit;
font-family: inherit;
}
.use-block {
margin-bottom: 0;
}
.list {
position: relative;
width: 100%;
max-width: 1080px;
margin:
0 auto;
padding:
4px 0;
}
.list::before {
content: "";
position: absolute;
top: 17px;
bottom: 17px;
left: 14px;
width: 3px;
background:
linear-gradient(
180deg,
#67140b 0%,
#93210e 18%,
#bb3814 42%,
#dd6b22 68%,
#efa33f 86%,
#f2c05c 100%
);
box-shadow:
0 0 8px rgba(213, 75, 25, 0.22);
}
.row {
position: relative;
display: grid;
grid-template-columns:
56px minmax(0, 1fr);
align-items: start;
width: 100%;
min-width: 0;
padding:
22px 24px 22px 0;
border-bottom:
1px solid rgba(137, 43, 19, 0.30);
}
.row:last-child {
border-bottom: 0;
}
.mark {
position: relative;
width: 56px;
min-height: 56px;
}
.mark::before {
content: "";
position: absolute;
top: 10px;
left: 8px;
width: 15px;
height: 15px;
transform:
rotate(45deg);
border:
1px solid #d25d21;
background:
#8d1e0e;
box-shadow:
0 0 10px rgba(205, 71, 21, 0.22);
}
.mark::after {
content: "";
position: absolute;
top: 17px;
left: 24px;
width: 25px;
height: 2px;
background:
linear-gradient(
90deg,
#d15a20,
#e58b31,
transparent
);
}
.row:nth-child(2) .mark::before {
border-color:
#dc7027;
background:
#a82b10;
}
.row:nth-child(3) .mark::before {
border-color:
#e79236;
background:
#c64a16;
box-shadow:
0 0 11px rgba(222, 103, 30, 0.25);
}
.row:nth-child(4) .mark::before {
border-color:
#f1bd58;
background:
#dd7724;
box-shadow:
0 0 12px rgba(234, 149, 48, 0.28);
}
.text {
min-width: 0;
padding:
0 0 0 10px;
}
.text h3 {
margin:
0 0 8px;
color:
#e7b46d;
font-family:
"Arial Narrow",
"Franklin Gothic Condensed",
"Roboto Condensed",
Arial,
sans-serif;
font-size:
1.08rem;
font-weight:
800;
line-height:
1.15;
letter-spacing:
0.025em;
text-transform:
uppercase;
}
.row:nth-child(2) .text h3 {
color:
#e9b069;
}
.row:nth-child(3) .text h3 {
color:
#eeb66a;
}
.row:nth-child(4) .text h3 {
color:
#f0c47a;
}
.text p {
width: 100%;
max-width: 900px;
margin: 0;
color:
var(--body);
font-size:
0.92rem;
line-height:
1.58;
}
.end {
display: grid;
grid-template-columns:
1fr 12px 1fr;
align-items:
center;
gap:
12px;
width:
70%;
max-width:
600px;
margin:
76px auto 0;
}
.end span {
height:
1px;
background:
linear-gradient(
90deg,
transparent,
#862410
);
}
.end span:last-child {
transform:
rotate(180deg);
}
.end b {
display: block;
width:
9px;
height:
9px;
margin:
auto;
transform:
rotate(45deg);
background:
#da7b2b;
}
@media (max-width: 900px) {
.main {
padding:
56px 7% 46px;
}
.name h1 {
font-size:
2.65rem;
}
.name {
margin-bottom:
66px;
}
}
@media (max-width: 620px) {
.heat-line {
width:
74%;
height:
4px;
margin-top:
20px;
}
.main {
padding:
45px 7% 36px;
}
.name {
margin-bottom:
54px;
}
.name h1 {
font-size:
2.15rem;
letter-spacing:
0;
}
.name-line {
width:
72%;
height:
6px;
margin-top:
19px;
}
.block {
margin-bottom:
60px;
}
.heading {
grid-template-columns:
5px auto minmax(20px, 1fr);
gap:
10px;
margin-bottom:
23px;
}
.heading-mark {
width:
5px;
height:
27px;
}
.heading h2 {
font-size:
1.08rem;
letter-spacing:
0.035em;
}
.copy {
padding:
18px;
border-left-width:
3px;
font-size:
0.9rem;
line-height:
1.65;
}
.toggle {
margin-top:
24px;
}
.toggle summary {
min-height:
49px;
padding:
0 10px 0 12px;
border-left-width:
5px;
}
.toggle-name {
font-size:
0.62rem;
letter-spacing:
0.08em;
}
.toggle-state {
min-width:
52px;
min-height:
24px;
padding:
3px 6px;
font-size:
0.48rem;
}
.toggle pre {
padding:
15px 11px;
font-size:
0.64rem;
line-height:
1.48;
}
.list::before {
left:
10px;
width:
2px;
}
.row {
grid-template-columns:
43px minmax(0, 1fr);
padding:
19px 4px 19px 0;
}
.mark {
width:
43px;
min-height:
48px;
}
.mark::before {
left:
5px;
width:
12px;
height:
12px;
}
.mark::after {
top:
16px;
left:
18px;
width:
19px;
}
.text {
padding-left:
6px;
}
.text h3 {
margin-bottom:
7px;
font-size:
0.9rem;
}
.text p {
font-size:
0.82rem;
line-height:
1.5;
}
.end {
width:
82%;
margin-top:
58px;
}
}
@media (max-width: 420px) {
.main {
padding-left:
6%;
padding-right:
6%;
}
.name h1 {
font-size:
1.75rem;
}
.heading h2 {
font-size:
0.96rem;
}
.text h3 {
font-size:
0.82rem;
}
.text p {
font-size:
0.78rem;
line-height:
1.45;
}
}
</style>