CoolFace
Modelpublic

Cyclone-Labs/Solar-Dawn-31B

sourceHugging Faceapache-2.0updated 25d agoView on Hugging Face
4likes155downloads
Model Card

<section class="card">

<figure class="hero"> <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/PlzzXOyPNo1-L1szWy9hP.png" alt="Solar-Dawn-31B artwork"> </figure>

<div class="body">

<div class="edge edge-left" aria-hidden="true"> <span></span> <i></i> <span></span> </div>

<div class="edge edge-right" aria-hidden="true"> <span></span> <i></i> <span></span> </div>

<header class="header">

<div class="top-line" aria-hidden="true"> <span></span> <b></b> <span></span> </div>

<h1>Solar-Dawn-31B</h1>

<div class="title-line" aria-hidden="true"> <span></span> <i></i> <span></span> </div>

</header>

<section class="panel overview">

<div class="heading"> <span></span> <h2>Overview</h2> <span></span> </div>

<p class="lead"> <strong>Solar-Dawn-31B</strong> was created by combining <a href="https://huggingface.co/google/gemma-4-31B-it">google/gemma-4-31B-it</a>, <a href="https://huggingface.co/MRockatansky/Gemma-4-31B-Storymaxxed3">MRockatansky/Gemma-4-31B-Storymaxxed3</a>, <a href="https://huggingface.co/BirdToast/Gemma-4-31B-glimmer-rp-v0.1">BirdToast/Gemma-4-31B-glimmer-rp-v0.1</a>, <a href="https://huggingface.co/Gryphe/Pantheon-Reasoning-31B-1.1">Gryphe/Pantheon-Reasoning-31B-1.1</a>, <a href="https://huggingface.co/ConicCat/Gemma4-GarnetV3-31B">ConicCat/Gemma4-GarnetV3-31B</a>, and <a href="https://huggingface.co/bgg1996/Melinoe-Gemma4-31B-VL">bgg1996/Melinoe-Gemma4-31B-VL</a> using a custom merge method. </p>

<details class="fold"> <summary> <span class="fold-name">Merge Configuration</span> <span class="fold-icon" aria-hidden="true"></span> </summary>

<pre><code>base_model: google/gemma-4-31B-it models:

  • —model: MRockatansky/Gemma-4-31B-Storymaxxed3
  • —model: BirdToast/Gemma-4-31B-glimmer-rp-v0.1
  • —model: Gryphe/Pantheon-Reasoning-31B-1.1
  • —model: ConicCat/Gemma4-GarnetV3-31B
  • —model: bgg1996/Melinoe-Gemma4-31B-VL mergemethod: fcgs chattemplate: auto dtype: float32 out_dtype: bfloat16 tokenizer: source: union</code></pre> </details>

</section>

<section class="panel uses">

<div class="heading"> <span></span> <h2>Intended Use</h2> <span></span> </div>

<div class="rail">

<article class="use"> <div class="mark" aria-hidden="true"></div> <div class="use-copy"> <h3>Roleplay</h3> <p>Character-driven interaction, personas, dialogue, and long-form scenes.</p> </div> </article>

<article class="use"> <div class="mark" aria-hidden="true"></div> <div class="use-copy"> <h3>Creative Writing</h3> <p>Fiction, dialogue, atmosphere, descriptions, and stylistic drafting.</p> </div> </article>

<article class="use"> <div class="mark" aria-hidden="true"></div> <div class="use-copy"> <h3>Storytelling</h3> <p>Long-form narratives, worldbuilding, continuity, and multi-character plots.</p> </div> </article>

<article class="use"> <div class="mark" aria-hidden="true"></div> <div class="use-copy"> <h3>Interactive Fiction</h3> <p>Branching narratives, character interaction, scenario play, and evolving stories.</p> </div> </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-right" aria-hidden="true"></div>

</footer>

</div>

</section>

<style> .card, .card * { box-sizing: border-box; }

.card { --black: #090202; --deep: #130303; --wine: #240605; --wine-soft: #310b08; --red: #8f2116; --red-light: #c34224; --orange: #e56b2c; --orange-soft: #f08d43; --gold: #e7ad70; --gold-light: #f3c795; --cream: #f3e2cf; --text: #dcc4ad; --text-soft: #bc9d84; --text-dim: #927563;

position: relative; isolation: isolate;

width: 100%; max-width: 1472px;

margin: 48px auto;

overflow: hidden;

color: var(--text);

font-family: Inter, "Segoe UI", Arial, sans-serif;

border: 1px solid rgba(226, 120, 63, 0.14);

border-radius: 4px;

background: linear-gradient( 90deg, rgba(128, 27, 15, 0.055), transparent 13%, transparent 87%, rgba(128, 27, 15, 0.055) ), linear-gradient( 180deg, #150303 0%, #0d0202 46%, #110202 100% );

box-shadow: inset 0 0 0 1px rgba(255, 224, 189, 0.018), inset 0 0 120px rgba(0, 0, 0, 0.30); }

.hero { position: relative;

width: 100%;

margin: 0; padding: 0;

overflow: hidden;

background: #080101;

border: 0; }

.hero::after { content: "";

position: absolute;

left: 0; right: 0; bottom: 0;

height: 2px;

pointer-events: none;

background: linear-gradient( 90deg, transparent, rgba(177, 43, 20, 0.32) 18%, rgba(231, 104, 43, 0.72) 50%, rgba(177, 43, 20, 0.32) 82%, transparent ); }

.hero img { display: block;

width: 100%; max-width: 100%; height: auto;

margin: 0;

border: 0;

filter: none; }

.body { position: relative;

padding: clamp(52px, 6vw, 86px) clamp(42px, 5.2vw, 72px) clamp(46px, 5vw, 72px);

background: linear-gradient( 180deg, rgba(62, 8, 5, 0.09), transparent 16% ); }

.body::before { content: "";

position: absolute; inset: 14px;

pointer-events: none;

border: 1px solid rgba(234, 145, 84, 0.05); }

.edge { position: absolute;

top: 52px; bottom: 52px;

z-index: 1;

width: 24px;

pointer-events: none; }

.edge-left { left: 9px; }

.edge-right { right: 9px;

transform: scaleX(-1); }

.edge::before { content: "";

position: absolute;

top: 0; bottom: 0; left: 50%;

width: 1px;

transform: translateX(-50%);

background: linear-gradient( 180deg, transparent, rgba(225, 94, 39, 0.10) 12%, rgba(225, 94, 39, 0.30) 50%, rgba(225, 94, 39, 0.10) 88%, transparent ); }

.edge span { position: absolute;

left: 4px;

width: 16px; height: 1px;

background: linear-gradient( 90deg, rgba(226, 108, 48, 0.34), transparent ); }

.edge span:first-child { top: 24%; }

.edge span:last-child { bottom: 24%; }

.edge i { position: absolute;

top: 50%;

width: 22px; height: 70px;

transform: translateY(-50%);

border-top: 1px solid rgba(234, 146, 82, 0.22);

border-bottom: 1px solid rgba(234, 146, 82, 0.22);

clip-path: polygon( 50% 0, 100% 14%, 100% 86%, 50% 100%, 0 86%, 0 14% );

background: linear-gradient( 90deg, transparent, rgba(187, 47, 23, 0.08), transparent ); }

.header { position: relative; z-index: 2;

text-align: center;

padding: 4px 0 66px; }

.top-line { display: flex; align-items: center; justify-content: center;

width: min(800px, 76%);

margin: 0 auto 29px; }

.top-line span { flex: 1;

height: 1px;

background: linear-gradient( 90deg, transparent, rgba(235, 143, 78, 0.32) ); }

.top-line span:last-child { transform: scaleX(-1); }

.top-line b { width: 72px; height: 3px;

margin: 0 18px;

background: linear-gradient( 90deg, transparent, rgba(232, 102, 41, 0.78), rgba(240, 154, 84, 0.94), rgba(232, 102, 41, 0.78), transparent ); }

.header h1 { display: inline-block;

max-width: 100%;

margin: 0;

white-space: nowrap;

color: var(--cream);

font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;

font-size: clamp(1.35rem, 3.45vw, 3.1rem);

font-weight: 700;

line-height: 1;

letter-spacing: 0.055em;

text-transform: uppercase;

text-shadow: 0 3px 9px rgba(0, 0, 0, 0.62); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) { .header h1 { background: linear-gradient( 180deg, #f6ddc1 0%, #e8b174 36%, #d96c32 68%, #f0bd84 100% );

-webkit-background-clip: text;

background-clip: text;

-webkit-text-fill-color: transparent;

color: transparent; } }

.title-line { display: flex; align-items: center; justify-content: center;

width: min(640px, 62%);

margin: 27px auto 0; }

.title-line span { flex: 1;

height: 1px;

background: linear-gradient( 90deg, transparent, rgba(223, 88, 35, 0.62), rgba(237, 151, 83, 0.22) ); }

.title-line span:last-child { transform: scaleX(-1); }

.title-line i { width: 38px; height: 2px;

margin: 0 13px;

background: linear-gradient( 90deg, rgba(219, 74, 29, 0.25), rgba(239, 163, 95, 0.72), rgba(219, 74, 29, 0.25) ); }

.panel { position: relative; z-index: 2;

margin-bottom: 46px;

padding: clamp(38px, 4.8vw, 58px);

overflow: hidden;

border: 1px solid rgba(220, 105, 51, 0.11);

background: linear-gradient( 135deg, rgba(69, 13, 8, 0.18), transparent 24% ), linear-gradient( 315deg, rgba(99, 20, 11, 0.12), transparent 25% ), linear-gradient( 90deg, rgba(16, 3, 2, 0.98), rgba(30, 6, 4, 0.98) 50%, rgba(16, 3, 2, 0.98) );

box-shadow: inset 0 0 0 1px rgba(255, 226, 189, 0.012); }

.panel::before { content: "";

position: absolute;

top: 0; left: 0;

width: 190px; height: 2px;

background: linear-gradient( 90deg, rgba(229, 96, 36, 0.67), transparent ); }

.panel::after { content: "";

position: absolute;

right: 0; bottom: 0;

width: 190px; height: 2px;

background: linear-gradient( 270deg, rgba(229, 96, 36, 0.52), transparent ); }

.heading { position: relative; z-index: 2;

display: flex; align-items: center; justify-content: center;

gap: 17px;

width: 100%;

margin: 0 auto 34px; }

.heading span { flex: 1 1 0;

max-width: 210px;

height: 1px;

background: linear-gradient( 90deg, transparent, rgba(219, 85, 33, 0.46) ); }

.heading span:last-child { transform: scaleX(-1); }

.heading h2 { flex: 0 0 auto;

margin: 0;

color: var(--gold-light);

font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;

font-size: clamp(1.5rem, 2.65vw, 2.18rem);

font-weight: 700;

line-height: 1;

letter-spacing: 0.10em;

text-align: center;

text-transform: uppercase; }

.lead { position: relative; z-index: 2;

max-width: 1220px;

margin: 4px auto 38px;

color: var(--text);

font-size: clamp(1.08rem, 1.38vw, 1.20rem);

line-height: 1.88;

text-align: left;

overflow-wrap: anywhere; }

.lead strong { color: var(--cream);

font-weight: 700; }

.lead a { color: var(--gold-light);

font-weight: 600;

text-decoration: none;

border-bottom: 1px solid rgba(215, 101, 48, 0.22); }

.lead a:hover { color: #fff5e8;

border-bottom-color: rgba(233, 143, 76, 0.60); }

.fold { position: relative; z-index: 2;

width: 100%;

overflow: hidden;

border: 1px solid rgba(211, 91, 40, 0.13);

background: #0d0201; }

.fold summary { position: relative;

display: flex; align-items: center;

min-height: 68px;

padding: 16px 60px 16px 21px;

cursor: pointer;

list-style: none;

color: var(--gold-light);

border-left: 3px solid rgba(222, 82, 31, 0.72);

background: linear-gradient( 90deg, rgba(105, 19, 10, 0.18), rgba(20, 4, 2, 0.97) 38% ); }

.fold summary::-webkit-details-marker { display: none; }

.fold-name { font-family: "Palatino Linotype", Georgia, serif;

font-size: 1.03rem;

font-weight: 700;

letter-spacing: 0.09em;

text-transform: uppercase; }

.fold-icon { position: absolute;

top: 50%; right: 22px;

width: 18px; height: 18px;

transform: translateY(-50%); }

.fold-icon::before, .fold-icon::after { content: "";

position: absolute;

top: 50%; left: 50%;

background: #db915e;

transform: translate(-50%, -50%); }

.fold-icon::before { width: 12px; height: 1px; }

.fold-icon::after { width: 1px; height: 12px; }

.fold[open] .fold-icon::after { display: none; }

.fold pre { margin: 0;

padding: clamp(23px, 3vw, 35px);

overflow-x: auto;

color: #d9b18c;

font-family: Consolas, "Courier New", monospace;

font-size: clamp(0.82rem, 1vw, 0.92rem);

line-height: 1.72;

white-space: pre;

border-top: 1px solid rgba(215, 93, 41, 0.10);

background: linear-gradient( 90deg, #090101, #130302 50%, #090101 ); }

.fold code { color: inherit;

font-family: inherit; }

.uses { padding: clamp(46px, 5vw, 64px) clamp(48px, 5.5vw, 78px) clamp(50px, 5vw, 68px); }

.uses .heading { margin-bottom: 48px; }

.rail { position: relative; z-index: 2;

width: min(1120px, 100%);

margin: 0 auto;

padding: 4px 0; }

.rail::before { content: "";

position: absolute;

top: 7px; bottom: 7px; left: 12px;

width: 2px;

background: linear-gradient( 180deg, rgba(200, 55, 25, 0.16), rgba(228, 93, 35, 0.74) 14%, rgba(240, 145, 73, 0.86) 50%, rgba(228, 93, 35, 0.74) 86%, rgba(200, 55, 25, 0.16) );

box-shadow: 0 0 10px rgba(208, 65, 24, 0.12); }

.use { position: relative;

display: grid;

grid-template-columns: 52px minmax(0, 1fr);

align-items: start;

width: 100%;

min-width: 0;

margin: 0 0 12px;

padding: 24px 28px 24px 0;

border-bottom: 1px solid rgba(218, 92, 40, 0.09); }

.use:last-child { margin-bottom: 0;

border-bottom: 0; }

.mark { position: relative;

width: 52px;

min-height: 58px; }

.mark::before { content: "";

position: absolute;

top: 13px;

left: 5px;

width: 15px;

height: 2px;

background: linear-gradient( 90deg, var(--orange), var(--gold) ); }

.mark::after { content: "";

position: absolute;

top: 13px;

left: 20px;

width: 26px;

height: 1px;

background: linear-gradient( 90deg, rgba(233, 116, 51, 0.58), transparent ); }

.use-copy { min-width: 0;

padding: 0 0 0 10px; }

.use h3 { display: block;

width: 100%;

margin: 0 0 8px;

color: var(--gold-light);

font-family: "Palatino Linotype", Georgia, serif;

font-size: clamp(1.12rem, 1.55vw, 1.34rem);

font-weight: 700;

line-height: 1.25;

letter-spacing: 0.035em;

text-transform: uppercase;

white-space: nowrap;

overflow: visible; }

.use p { width: 100%;

max-width: 900px;

margin: 0;

color: var(--text-soft);

font-size: clamp(1rem, 1.12vw, 1.08rem);

line-height: 1.66;

overflow-wrap: normal;

word-break: normal;

hyphens: none; }

.footer { position: relative; z-index: 2;

display: flex; align-items: center; justify-content: center;

width: min(880px, 78%);

margin: 66px auto 4px; }

.footer-line { flex: 1;

height: 1px;

background: linear-gradient( 90deg, transparent, rgba(216, 83, 33, 0.35), rgba(232, 144, 77, 0.14) ); }

.footer-right { transform: scaleX(-1); }

.footer-name { flex: 0 0 auto;

margin: 0 23px;

color: rgba(231, 173, 112, 0.72);

font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;

font-size: 0.78rem;

font-weight: 700;

letter-spacing: 0.28em;

text-transform: uppercase;

white-space: nowrap; }

@media (max-width: 900px) { .body { padding: 42px 30px 48px; }

.edge { display: none; }

.header { padding-bottom: 52px; }

.header h1 { font-size: clamp(1.25rem, 5vw, 2.3rem); }

.panel { padding: 34px 27px; }

.uses { padding: 38px 32px 44px; }

.rail::before { left: 10px; }

.use { grid-template-columns: 46px minmax(0, 1fr);

padding: 21px 16px 21px 0; }

.mark { width: 46px; }

.mark::after { width: 20px; }

.use h3 { font-size: clamp(1rem, 2vw, 1.18rem); }

.use p { font-size: 0.98rem; } }

@media (max-width: 700px) { .card { margin: 24px auto; }

.body { padding: 34px 16px 40px; }

.header { padding: 2px 0 44px; }

.top-line { width: 82%;

margin-bottom: 22px; }

.top-line b { width: 44px;

margin: 0 10px; }

.header h1 { font-size: clamp(1.02rem, 5vw, 1.6rem);

letter-spacing: 0.025em; }

.title-line { width: 76%;

margin-top: 20px; }

.panel { padding: 28px 18px;

margin-bottom: 28px; }

.heading { gap: 10px;

margin-bottom: 25px; }

.heading span { max-width: 55px; }

.heading h2 { font-size: 1.28rem;

letter-spacing: 0.075em; }

.lead { margin-bottom: 30px;

font-size: 1rem;

line-height: 1.75; }

.fold summary { min-height: 60px;

padding: 14px 50px 14px 16px; }

.fold-name { font-size: 0.88rem;

letter-spacing: 0.07em; }

.fold-icon { right: 17px; }

.fold pre { padding: 20px 16px;

font-size: 0.73rem; }

.uses { padding: 30px 18px 36px; }

.uses .heading { margin-bottom: 32px; }

.rail::before { left: 7px;

width: 1px; }

.use { grid-template-columns: 34px minmax(0, 1fr);

margin-bottom: 6px;

padding: 20px 4px 20px 0; }

.mark { width: 34px; }

.mark::before { left: 2px;

width: 11px; }

.mark::after { left: 13px;

width: 15px; }

.use-copy { padding-left: 7px; }

.use h3 { margin-bottom: 7px;

font-size: 0.98rem;

line-height: 1.3;

letter-spacing: 0.02em;

white-space: normal; }

.use p { font-size: 0.94rem;

line-height: 1.58; }

.footer { width: 90%;

margin-top: 45px; }

.footer-name { margin: 0 14px;

font-size: 0.68rem;

letter-spacing: 0.20em; } } </style>