Vortex5/Crimson-Constellation-12B
<section class="container">
<div class="header"> <h1 class="title-main">Crimson-Constellation-12B</h1> </div>
<div class="image-box"> <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/eTZdZapylJqlAALwrRYbl.png"> </div>
<div class="divider"></div>
<section class="card">
<h2 class="card-title">Overview</h2>
<p> <strong class="highlight">Crimson-Constellation-12B</strong> was created through a multi-stage merge combining <a href="https://huggingface.co/Vortex5/Maroon-Sunset-12B" class="link">Maroon-Sunset-12B</a>, <a href="https://huggingface.co/Vortex5/Scarlet-Seraph-12B" class="link">Scarlet-Seraph-12B</a>, <a href="https://huggingface.co/Vortex5/Amber-Starlight-12B" class="link">Amber-Starlight-12B</a>, and <a href="https://huggingface.co/Vortex5/Shining-Seraph-12B" class="link">Shining-Seraph-12B</a>. </p>
<details class="config"> <summary>Multi-stage merge configuration</summary> <pre> name: First models:
- model: Vortex5/Maroon-Sunset-12B mergemethod: nearswap basemodel: Vortex5/Scarlet-Seraph-12B parameters: t: 0.0008 dtype: float32 --- name: Second models:
- model: Vortex5/Amber-Starlight-12B mergemethod: nearswap basemodel: Vortex5/Shining-Seraph-12B parameters: t: 0.0008 dtype: float32 --- models:
- model: First
- model: Second mergemethod: karcher chattemplate: auto dtype: float32 outdtype: bfloat16 parameters: tol: 1e-9 maxiter: 1000 tokenizer: source: Vortex5/Shining-Seraph-12B </pre> </details> </section>
<section class="card"> <h2 class="card-title">Intended Use</h2>
<div class="grid"> <div class="tile"> <span class="tile-main">Storytelling</span> <span class="tile-sub">Structured long-form narrative</span> </div>
<div class="tile"> <span class="tile-main">Roleplay</span> <span class="tile-sub">Emotion-forward interaction</span> </div>
<div class="tile"> <span class="tile-main">Creative Writing</span> <span class="tile-sub">Atmospheric fiction</span> </div> </div> </section>
<div class="divider"></div>
</section>
<style>
.container{ --bg:#0b0a12; --panel:#14121b; --glass:rgba(255,255,255,0.04);
--text:#f3efff; --text-soft:rgba(243,239,255,0.65);
--accent:#ff2d55; --accent2:#ff7a9b;
--grad:linear-gradient(90deg,#ff2d55,#ff7a9b,#ffc97a);
max-width:1100px; margin:50px auto; padding:48px 50px; border-radius:22px;
background: radial-gradient(circle at 20% 10%, rgba(255,45,85,0.15), transparent 40%), radial-gradient(circle at 80% 90%, rgba(255,122,155,0.12), transparent 50%), var(--bg);
color:var(--text); font-family:"Inter","Segoe UI",sans-serif;
display:flex; flex-direction:column; gap:40px; }
.header{ text-align:center; border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:16px; }
.title-main{ margin:0; font-size:clamp(1.5rem,4vw,2.6rem); line-height:1.2; font-weight:700; letter-spacing:.05em;
background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.image-box{ display:flex; justify-content:center; }
.image-box img{ width:100%; max-width:900px; border-radius:16px; border:1px solid rgba(255,255,255,0.08); background:var(--glass); box-shadow:0 25px 50px rgba(0,0,0,0.5); }
.divider{ height:2px; width:100%; background:var(--grad); opacity:.6; }
.card{ background:var(--panel); padding:28px 30px; border-radius:18px; border:1px solid rgba(255,255,255,0.06); box-shadow:0 12px 30px rgba(0,0,0,0.35); }
.card-title{ margin:0 0 14px; font-size:1.3rem; text-transform:uppercase; letter-spacing:.08em;
background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.card p{ margin:10px 0; line-height:1.7; }
.highlight{ color:var(--accent); font-weight:700; }
.link{ color:var(--accent2); text-decoration:none; }
.link:hover{ text-decoration:underline; }
.method{ color:#ffc97a; font-weight:600; }
.config{ margin-top:18px; border:1px solid rgba(255,255,255,0.08); border-radius:12px; overflow:hidden; background:rgba(255,255,255,0.03); }
.config summary{ padding:10px 14px; cursor:pointer; font-size:.85rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; background:rgba(255,255,255,0.05); color:var(--accent); }
.config pre{ margin:0; padding:16px; font-family:ui-monospace,Consolas,monospace; font-size:.85rem; overflow-x:auto; background:rgba(0,0,0,0.35); color:var(--text); }
.grid{ display:flex; gap:18px; flex-wrap:wrap; margin-top:16px; }
.tile{ flex:1 1 180px; padding:18px; border-radius:14px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.06); text-align:center; }
.tile-main{ display:block; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); margin-bottom:6px; }
.tile-sub{ font-size:.9rem; color:var(--text-soft); }
@media(max-width:600px){ .container{ padding:32px 24px; } .card{ padding:22px; } }
</style>
