CoolFace
Modelpublic

Cyclone-Labs/Lucid-Shadow-31B

sourceHugging Faceapache-2.0updated 14d agoView on Hugging Face
3likes137downloads
Model Card

<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 mergemethod: hasp chattemplate: 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>