CoolFace
Modelpublic

Vortex5/Stellar-Seraph-12B

sourceHugging Faceapache-2.0updated 6mo agoView on Hugging Face
6likes22downloads
Model Card

<section class="model-card"> <div class="header"> <h1 class="title">Stellar-Seraph-12B</h1> </div>

<div class="image-container"> <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/_-VCJGrcKpuNxKYiDtmsD.jpeg"> </div>

<div class="divider"></div>

<section class="box"> <h2 class="box-title">Overview</h2> <p> <strong class="highlight">Stellar-Seraph-12B</strong> was created by merging <a href="https://huggingface.co/Vortex5/Wicked-Nebula-12B" class="link">Wicked-Nebula-12B</a>, <a href="https://huggingface.co/Vortex5/Crimson-Constellation-12B" class="link">Crimson-Constellation-12B</a>, <a href="https://huggingface.co/Vortex5/Celestial-Queen-12B" class="link">Celestial-Queen-12B</a>, and <a href="https://huggingface.co/Vortex5/Darklit-Maiden-12B" class="link">Darklit-Maiden-12B</a>, using a custom method. </p>

<details class="collapse"> <summary>Merge Configuration</summary> <pre> models:

  • —model: Vortex5/Wicked-Nebula-12B
  • —model: Vortex5/Crimson-Constellation-12B
  • —model: Vortex5/Celestial-Queen-12B
  • —model: Vortex5/Darklit-Maiden-12B mergemethod: nexus chattemplate: auto dtype: float32 out_dtype: bfloat16 tokenizer: source: Vortex5/Wicked-Nebula-12B </pre> </details> </section>

<section class="box last-box"> <h2 class="box-title">Intended Use</h2> <div class="grid"> <div class="tile"> <div class="tile-icon">✧</div> <span class="tile-main">Roleplay</span> <span class="tile-sub">Emotion-forward interaction</span> </div> <div class="tile"> <div class="tile-icon">✦</div> <span class="tile-main">Storytelling</span> <span class="tile-sub">Structured long-form narrative</span> </div> <div class="tile"> <div class="tile-icon">⟡</div> <span class="tile-main">Creative Writing</span> <span class="tile-sub">Atmospheric fiction</span> </div> </div> </section>

<div class="divider"></div> </section>

<style> .model-card { max-width: 1100px; margin: 40px auto; padding: 48px 38px 60px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #111118; background: #f8f6f0; border: 3px solid #2c2c38; border-radius: 12px; position: relative; overflow: hidden; }

.model-card::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 28% 22%, rgba(160, 150, 255, 0.10) 0%, transparent 50%), radial-gradient(circle at 78% 72%, rgba(230, 200, 150, 0.08) 0%, transparent 55%); opacity: 0.6; pointer-events: none; z-index: 0; }

.header { text-align: center; padding-bottom: 28px; position: relative; z-index: 2; }

.title { margin: 0; font-size: clamp(1.65rem, 4.2vw, 2.35rem); font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase; color: #0f0f16; text-shadow: 0 0 25px rgba(140, 120, 255, 0.4), 0 0 50px rgba(255, 215, 140, 0.22); }

.image-container { display: flex; justify-content: center; position: relative; z-index: 2; margin-bottom: 38px; }

.image-container img { width: 100%; max-width: 820px; border-radius: 14px; border: 4px solid #2c2c38; box-shadow: 0 25px 60px -15px rgba(15, 15, 22, 0.32); }

.divider { height: 3px; margin: 44px 0; background: linear-gradient(90deg, transparent 10%, #2c2c38 30%, #9b7dff 50%, #2c2c38 70%, transparent 90% ); }

.box { padding: 34px; background: #ffffff; border: 2px solid #2c2c38; border-radius: 12px; box-shadow: 0 18px 45px -15px rgba(15, 15, 22, 0.18); position: relative; z-index: 2; margin-bottom: 32px; }

.last-box { margin-bottom: 0; }

.box-title { margin: 0 0 22px 0; font-size: 1.28rem; font-weight: 900; letter-spacing: 0.22em; text-transform: uppercase; color: #111118; border-bottom: 3px solid #9b7dff; padding-bottom: 12px; display: inline-block; }

.box p { margin: 16px 0 22px; line-height: 1.75; color: #22222f; font-size: 1.05rem; }

.highlight { color: #0f0f16; font-weight: 800; text-shadow: 0 0 9px rgba(155, 125, 255, 0.45); }

.collapse { margin-top: 26px; background: #f5f4ee; border: 2px solid #2c2c38; border-radius: 10px; overflow: hidden; }

.collapse summary { padding: 18px 24px; cursor: pointer; font-size: 0.9rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #111118; background: #ebe9e0; border-bottom: 2px solid #2c2c38; }

.collapse pre { margin: 0; padding: 24px; background: #f8f6f0; color: #1f1f2b; font-size: 0.88rem; line-height: 1.65; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; }

.grid { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }

.tile { flex: 1 1 240px; padding: 24px 20px; background: #ffffff; border: 2px solid #2c2c38; border-radius: 12px; text-align: center; transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1); }

.tile:hover { transform: translateY(-5px); border-color: #9b7dff; box-shadow: 0 20px 45px -12px rgba(155, 125, 255, 0.32); }

.tile-icon { font-size: 2.1rem; line-height: 1; margin-bottom: 10px; color: #9b7dff; opacity: 0.9; }

.tile-main { display: block; margin-bottom: 6px; font-size: 1.08rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #0f0f16; }

.tile-sub { display: block; font-size: 0.9rem; color: #4a4a5f; line-height: 1.5; }

.link { color: #6b5fff; text-decoration: none; transition: color 0.3s ease; }

.link:hover { color: #9b7dff; text-decoration: underline; }

@media (max-width: 680px) { .model-card { padding: 34px 20px 46px; margin: 16px 8px; } .box { padding: 26px; } } </style>