Tesslate/WEBGEN-4B-Preview

:root{ —bg: #0b0c0f; —панель: #0f1117; —ink: #e9eefc; —без звука: #9aa3b2; —бренд: #5b8cff; /мягкий индиго/ —brand-2: #4ef2c8; / мятный акцент / —border: rgba(255,255,255,.08); —glow: rgba(91,140,255,.25); —радиус: 16 пикселей; } { box-sizing: border-box } .card{background: линейный градиент(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00)); граница: 1 пиксель сплошной var (—border); граница-радиус: вар (—радиус); отступ: 16 пикселей; } .badge{ display:inline-flex;align-items:center;gap:.5rem; отступ:.35rem .6rem;border:1px Solid var(—border);border-radius:999px; цвет: var (—muted); размер шрифта: .85rem } .grid { display:grid; разрыв: 18 пикселей } .grid-2 {grid-template-columns:repeat(2,minmax(0,1fr)); } .grid-3{grid-template-columns:repeat(3,minmax(0,1fr)); } @media(max-width:900px){ .grid-2,.grid-3{grid-template-columns:1fr } } .kicker{ display:inline-block;letter-spacing:.12em;text-transform:uppercase; цвет: var (—muted); размер шрифта: .75rem; поле-дно: .5rem } h1, h2, h3 { цвет: var (—ink); маржа:0 0 .4рем 0; высота строки: 1.1 } h1 {размер шрифта: 2.25rem; шрифт-вес: 800 } h2 {размер шрифта: 1.3rem; шрифт-вес: 700 } h3 {размер шрифта: 1.05rem; шрифт-вес: 700 } p, li { цвет: var (—muted); высота строки: 1,6 } hr { граница: нет;…

Модальности:
Генерация текста

Области применения:
Диалог / чат

Языки программирования:
HTML/CSS

Задача: Генерация текста
Автор: Tesslate
Теги: qwen3, web-generation, html, css, tailwind-css, ui-generation, web-design, small-model
Лайков: 85  |  Загрузок: 120

Открыть на HuggingFace →

Описание основано на материалах HuggingFace. Перевод выполнен автоматически.