CoolFace
Modelpublic

Cyclone-Labs/Solar-Griffin-26B-A4B

sourceHugging Faceapache-2.0updated 10d agoView on Hugging Face
5likes85downloads
Model Card

<section class="card">

<figure class="media"> <div class="frame"> <img src="cover.png" alt="Solar-Griffin-26B-A4B artwork"> </div> </figure>

<div class="body">

<header class="head"> <h1>Solar-Griffin-26B-A4B</h1> <div class="title-line" aria-hidden="true"> <span></span> <i></i> <span></span> </div> </header>

<section class="section">

<h2>Overview</h2> <div class="line" aria-hidden="true"> <span></span> </div>

<p class="text"> <strong>Solar-Griffin-26B-A4B</strong> was created by combining <a href="https://huggingface.co/google/gemma-4-26B-A4B-it">gemma-4-26B-A4B-it</a>, <a href="https://huggingface.co/electroglyph/gemma4-26b-fiction-bf16">gemma4-26b-fiction-bf16</a>, <a href="https://huggingface.co/SubMaroon/Boulesis-26B-A4B">Boulesis-26B-A4B</a>, and <a href="https://huggingface.co/Cyclone-Labs/Eclipsed-Phoenix-26B-A4B">Eclipsed-Phoenix-26B-A4B</a> using a custom merge method. </p>

<details class="details">

<summary> <span>Merge Configuration</span> <i aria-hidden="true"></i> </summary>

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

  • —model: electroglyph/gemma4-26b-fiction-bf16
  • —model: SubMaroon/Boulesis-26B-A4B
  • —model: Cyclone-Labs/Eclipsed-Phoenix-26B-A4B mergemethod: hasp chattemplate: auto parameters: steps: 12 gain: 0.97 dtype: float32 out_dtype: bfloat16 tokenizer: source: union</code></pre>

</details>

</section>

<section class="section">

<h2>Intended Use</h2> <div class="line" aria-hidden="true"> <span></span> </div>

<div class="list">

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

<article class="row"> <div class="mark" aria-hidden="true"></div> <h3>Creative Writing</h3> <p>Fiction, dialogue, atmosphere, descriptive writing, stylistic drafting, and imaginative prose.</p> </article>

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

<article class="row"> <div class="mark" aria-hidden="true"></div> <h3>Interactive Fiction</h3> <p>Branching narratives, scenario play, character interaction, and continuously evolving stories.</p> </article>

</div>

</section>

<footer class="foot"> <div class="foot-line" aria-hidden="true"></div> <div class="foot-mark" aria-hidden="true"></div> <div class="foot-name">Cyclone Labs</div> <div class="foot-mark" aria-hidden="true"></div> <div class="foot-line foot-right" aria-hidden="true"></div> </footer>

</div>

</section>

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

.card { --dark: #17100d; --deep: #211711; --brown: #2b1d16;

--rust-dark: #743b29; --rust: #994b2e; --rust-light: #ae6848;

--tan-dark: #9b7950; --tan: #b89a70; --tan-light: #d8c39c;

--cream: #efe1c4; --cream-soft: #decbaa;

--gold-dark: #9f742d; --gold: #c99a3d; --gold-light: #ddba6a;

position: relative;

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

margin: 50px auto;

overflow: hidden;

border: 1px solid rgba(201, 154, 61, 0.35);

background: radial-gradient( ellipse at 50% -8%, rgba(201, 154, 61, 0.13) 0%, rgba(153, 75, 46, 0.05) 29%, transparent 56% ), linear-gradient( 180deg, #241812 0%, #1d1410 45%, #150e0b 100% );

color: var(--tan-light);

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

.card::before { content: "";

position: absolute;

inset: 8px;

z-index: 5;

pointer-events: none;

border: 1px solid rgba(216, 195, 156, 0.07); }

.card::after { content: "";

position: absolute;

inset: 13px;

z-index: 5;

pointer-events: none;

border: 1px solid rgba(153, 75, 46, 0.045); }

.media { position: relative;

margin: 0;

padding: 14px 14px 0;

background: linear-gradient( 180deg, #120c09, #1a110d ); }

.frame { position: relative;

padding: 5px;

overflow: hidden;

border: 1px solid rgba(201, 154, 61, 0.48);

background: linear-gradient( 135deg, #6f422d, #b27d36 20%, #d1ab62 46%, #8d4e31 72%, #5d3325 ); }

.frame::before { content: "";

position: absolute;

inset: 2px;

z-index: 2;

pointer-events: none;

border: 1px solid rgba(239, 225, 196, 0.2); }

.frame::after { content: "";

position: absolute;

left: 5px; right: 5px; bottom: 5px;

z-index: 2;

height: 26%;

pointer-events: none;

background: linear-gradient( 180deg, transparent, rgba(34, 18, 11, 0.07) 52%, rgba(20, 11, 7, 0.18) ); }

.media img { display: block;

width: 100%; height: auto;

margin: 0;

border: 1px solid #3e281c;

filter: saturate(0.96) contrast(1.025); }

.body { position: relative;

padding: clamp(24px, 3vw, 42px) clamp(30px, 6.3vw, 92px) clamp(42px, 5vw, 72px); }

.body::before { content: "";

position: absolute;

left: 50%; top: 0;

width: min(860px, 72%);

height: 1px;

transform: translateX(-50%);

background: linear-gradient( 90deg, transparent, rgba(153, 75, 46, 0.32) 18%, rgba(201, 154, 61, 0.52) 50%, rgba(153, 75, 46, 0.32) 82%, transparent ); }

.head { position: relative;

width: 100%;

margin-bottom: clamp(56px, 6.5vw, 88px);

text-align: center; }

.head h1 { display: block;

width: 100%;

margin: 0;

padding: 0;

color: var(--cream);

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

font-size: clamp(1.55rem, 2.40vw, 2.67rem);

font-style: normal;

font-weight: 500;

line-height: 1.05;

letter-spacing: 0.012em;

text-align: center;

text-transform: uppercase;

white-space: nowrap; }

.title-line { display: flex;

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

gap: 9px;

width: min(275px, 58%);

margin: 18px auto 0; }

.title-line span { display: block;

flex: 1;

height: 1px;

background: linear-gradient( 90deg, transparent, rgba(201, 154, 61, 0.7) ); }

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

.title-line i { display: block;

flex: 0 0 auto;

width: 7px; height: 7px;

border: 1px solid rgba(221, 186, 106, 0.78);

background: rgba(153, 75, 46, 0.5);

transform: rotate(45deg); }

.section { position: relative;

margin-bottom: clamp(66px, 7.4vw, 100px); }

.section:last-of-type { margin-bottom: 0; }

.section h2 { margin: 0;

color: var(--gold-light);

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

font-size: clamp(1.2rem, 1.95vw, 1.78rem);

font-style: normal;

font-weight: 500;

line-height: 1.08;

letter-spacing: 0.075em;

text-transform: uppercase; }

.line { position: relative;

width: 100%; height: 3px;

margin: 15px 0 30px;

border-top: 1px solid rgba(201, 154, 61, 0.3);

border-bottom: 1px solid rgba(153, 75, 46, 0.11); }

.line::before { content: "";

position: absolute;

left: 0; top: -1px;

width: min(180px, 34%);

height: 1px;

background: linear-gradient( 90deg, var(--gold-light), var(--rust), transparent ); }

.line span { position: absolute;

left: 0; top: -4px;

width: 7px; height: 7px;

background: var(--gold);

transform: rotate(45deg); }

.text { max-width: 1110px;

margin: 0;

color: var(--tan-light);

font-size: clamp(0.97rem, 1.1vw, 1.1rem);

line-height: 1.88;

letter-spacing: 0.005em; }

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

font-weight: 600; }

.text a { color: #deb968;

text-decoration: none;

border-bottom: 1px solid rgba(201, 154, 61, 0.36);

transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease; }

.text a:hover { color: #f0d99f;

border-bottom-color: rgba(221, 186, 106, 0.84);

background: rgba(201, 154, 61, 0.035); }

.details { position: relative;

width: min(920px, 100%);

margin-top: 38px;

overflow: hidden;

border: 1px solid rgba(184, 154, 112, 0.21);

border-left: 3px solid rgba(153, 75, 46, 0.82);

border-right: 1px solid rgba(201, 154, 61, 0.21);

background: linear-gradient( 180deg, rgba(67, 42, 29, 0.32), rgba(35, 23, 17, 0.58) ); }

.details::before { content: "";

position: absolute;

left: 0; right: 0; top: 0;

height: 1px;

pointer-events: none;

background: linear-gradient( 90deg, rgba(221, 186, 106, 0.62), rgba(184, 154, 112, 0.2) 44%, transparent 84% ); }

.details summary { display: flex;

align-items: center; justify-content: space-between;

min-height: 54px;

padding: 12px 16px 12px 19px;

list-style: none;

cursor: pointer;

color: #dfcba5;

font-family: Georgia, "Times New Roman", serif;

font-size: 0.82rem;

font-style: normal;

font-weight: 500;

letter-spacing: 0.09em;

text-transform: uppercase;

transition: color 0.18s ease, background 0.18s ease; }

.details summary:hover { color: #f0dbab;

background: rgba(201, 154, 61, 0.035); }

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

.details summary i { position: relative;

display: block;

flex: 0 0 auto;

width: 20px; height: 20px;

margin-left: 18px;

border: 1px solid rgba(201, 154, 61, 0.24);

transform: rotate(45deg);

transition: transform 0.22s ease, border-color 0.18s ease, background 0.18s ease; }

.details summary i::before, .details summary i::after { content: "";

position: absolute;

left: 50%; top: 50%;

background: rgba(221, 186, 106, 0.67);

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

.details summary i::before { width: 9px; height: 1px; }

.details summary i::after { width: 1px; height: 9px; }

.details summary:hover i { border-color: rgba(221, 186, 106, 0.52);

background: rgba(201, 154, 61, 0.035); }

.details[open] summary i { transform: rotate(135deg); }

.details[open] summary i::after { opacity: 0; }

.details pre { margin: 0;

padding: 22px 21px 25px;

overflow-x: auto;

color: #c5ab82;

font-family: Consolas, Monaco, "Lucida Console", monospace;

font-size: clamp(0.72rem, 0.82vw, 0.83rem);

line-height: 1.65;

white-space: pre;

border-top: 1px solid rgba(201, 154, 61, 0.12);

background: linear-gradient( 135deg, rgba(18, 12, 9, 0.58), rgba(33, 21, 15, 0.5) ); }

.details code { color: inherit;

font-family: inherit; }

.list { position: relative; }

.row { position: relative;

padding: 28px 24px 30px 29px;

border-top: 1px solid rgba(184, 154, 112, 0.15);

background: linear-gradient( 90deg, rgba(153, 75, 46, 0.025), transparent 34% );

transition: background 0.2s ease, padding-left 0.2s ease; }

.row:first-child { border-top: 0;

padding-top: 6px; }

.row:last-child { padding-bottom: 4px; }

.row:hover { padding-left: 34px;

background: linear-gradient( 90deg, rgba(153, 75, 46, 0.08), rgba(201, 154, 61, 0.015) 42%, transparent 76% ); }

.mark { position: absolute;

left: 2px; top: 33px;

width: 8px; height: 8px;

border: 1px solid rgba(201, 154, 61, 0.48);

background: rgba(153, 75, 46, 0.33);

transform: rotate(45deg);

transition: background 0.2s ease, border-color 0.2s ease; }

.row:first-child .mark { top: 11px; }

.row:hover .mark { border-color: rgba(221, 186, 106, 0.86);

background: rgba(201, 154, 61, 0.6); }

.row h3 { margin: 0 0 9px;

color: var(--cream-soft);

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

font-size: clamp(1.08rem, 1.35vw, 1.3rem);

font-style: normal;

font-weight: 500;

line-height: 1.17;

letter-spacing: 0.035em; }

.row p { max-width: 1010px;

margin: 0;

color: #ad9677;

font-size: clamp(0.91rem, 1vw, 0.99rem);

line-height: 1.7; }

.foot { display: flex;

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

width: min(870px, 90%);

margin: clamp(66px, 7.5vw, 94px) auto 0; }

.foot-line { flex: 1;

height: 1px;

background: linear-gradient( 90deg, transparent, rgba(153, 75, 46, 0.3), rgba(201, 154, 61, 0.5) ); }

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

.foot-mark { flex: 0 0 auto;

width: 6px; height: 6px;

margin: 0 10px;

border: 1px solid rgba(221, 186, 106, 0.52);

background: rgba(153, 75, 46, 0.42);

transform: rotate(45deg); }

.foot-name { flex: 0 0 auto;

margin: 0 8px;

color: rgba(216, 195, 156, 0.68);

font-family: Georgia, "Times New Roman", serif;

font-size: 0.7rem;

font-style: normal;

font-weight: 400;

letter-spacing: 0.19em;

text-transform: uppercase;

white-space: nowrap; }

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

border-color: rgba(201, 154, 61, 0.28); }

.card::before { inset: 5px; }

.card::after { display: none; }

.media { padding: 7px 7px 0; }

.frame { padding: 3px; }

.frame::before { inset: 1px; }

.frame::after { left: 3px;

right: 3px;

bottom: 3px; }

.body { padding: 22px 18px 38px; }

.head { margin-bottom: 48px; }

.head h1 { font-size: clamp(0.86rem, 4.1vw, 1.42rem);

line-height: 1.05;

letter-spacing: 0.006em;

white-space: nowrap; }

.title-line { width: min(190px, 58%);

margin-top: 14px; }

.section { margin-bottom: 53px; }

.section h2 { font-size: 1.05rem;

letter-spacing: 0.055em; }

.line { margin: 12px 0 23px; }

.text { font-size: 0.94rem;

line-height: 1.72; }

.details { margin-top: 29px;

border-left-width: 2px; }

.details summary { min-height: 47px;

padding: 9px 11px 9px 13px;

font-size: 0.7rem;

letter-spacing: 0.055em; }

.details summary i { width: 16px;

height: 16px;

margin-left: 10px; }

.details summary i::before { width: 7px; }

.details summary i::after { height: 7px; }

.details pre { padding: 17px 13px 20px;

font-size: 0.66rem;

line-height: 1.52; }

.row { padding: 22px 12px 23px 25px; }

.row:first-child { padding-top: 4px; }

.row:last-child { padding-bottom: 2px; }

.row:hover { padding-left: 28px; }

.mark { left: 2px;

top: 27px;

width: 6px;

height: 6px; }

.row:first-child .mark { top: 9px; }

.row h3 { font-size: 1rem; }

.row p { font-size: 0.87rem;

line-height: 1.57; }

.foot { width: 96%;

margin-top: 54px; }

.foot-mark { width: 5px;

height: 5px;

margin: 0 7px; }

.foot-name { margin: 0 4px;

font-size: 0.58rem;

letter-spacing: 0.11em; } }

@media (max-width: 430px) { .head h1 { font-size: clamp(0.72rem, 3.9vw, 0.98rem);

letter-spacing: 0; }

.body { padding-left: 15px;

padding-right: 15px; }

.details summary { font-size: 0.65rem; }

.details pre { font-size: 0.64rem; }

.foot-line { opacity: 0.75; } } </style>