| <!doctype html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <meta name="description" content="ZYLUN AI: pesquisa e desenvolvimento em inteligência artificial generativa. Conheça os modelos de imagem ZYI e os projetos de código CBLM."> |
| <meta name="theme-color" content="#090d18"> |
| <title>ZYLUN AI — Imagine. Generate. Build.</title> |
| <style> |
| :root { |
| color-scheme: dark; |
| --bg: #090d18; |
| --panel: #111827; |
| --panel2: #131d31; |
| --white: #f4f7ff; |
| --muted: #a6b3c9; |
| --border: rgba(168,189,222,.17); |
| --blue: #5ba4ff; |
| --violet: #ad91ff; |
| --cyan: #79e7e9; |
| --max: 1160px; |
| } |
| *, *::before, *::after { box-sizing: border-box; } |
| html { scroll-behavior: smooth; } |
| body { margin:0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:var(--bg); color:var(--white); line-height:1.65; } |
| body::before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:720px;pointer-events:none;background:radial-gradient(ellipse 45% 40% at 76% 18%,rgba(75,78,232,.21),transparent 80%),radial-gradient(ellipse 35% 30% at 18% 20%,rgba(32,105,168,.17),transparent 80%);} |
| ::selection { background:#5156af; color:white; } |
| a { color:inherit; text-decoration:none; } |
| a:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; border-radius:4px; } |
| .container { width:min(calc(100% - 40px),var(--max)); margin-inline:auto; } |
| header { height:84px; border-bottom:1px solid var(--border); display:flex; align-items:center; } |
| .nav { display:flex;justify-content:space-between;align-items:center;gap:24px; } |
| .brand {display:flex;align-items:center;gap:11px;font-weight:850;font-size:1.25rem;letter-spacing:.015em;} |
| .mark {width:39px;height:39px;display:grid;place-items:center;color:#fff;border:1px solid #a4b1ff87;border-radius:12px;background:linear-gradient(135deg,#325fa8,#6b41b5 68%,#281e49);box-shadow:0 5px 20px #6b41b52d;font-size:1.3rem;font-weight:900;} |
| nav {display:flex;gap:31px;align-items:center;color:var(--muted);font-size:.91rem;font-weight:600;} |
| nav a:hover {color:var(--white);} |
| .nav-pill {padding:9px 15px;border:1px solid var(--border);border-radius:999px;color:var(--white);} |
| .hero {display:grid;grid-template-columns:1.06fr .94fr;gap:65px;align-items:center;padding:113px 0 116px;} |
| .eyebrow {display:inline-flex;align-items:center;gap:10px;color:var(--cyan);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;} |
| .eyebrow::before {content:"";height:7px;width:7px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor;} |
| h1,h2,h3,p {margin-top:0;} |
| h1 {font-size:clamp(3.25rem,6vw,5.6rem);line-height:1.08;letter-spacing:-.065em;margin:21px 0 26px;max-width:760px;} |
| .gradient {background:linear-gradient(105deg,#72bcff 10%,#a3a0ff 48%,#d7a7ff 90%);background-clip:text;color:transparent;} |
| .hero p {color:var(--muted);font-size:1.12rem;max-width:570px;line-height:1.82;} |
| .actions {display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;} |
| .btn {padding:13px 21px;border-radius:12px;font-weight:750;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;min-height:49px;transition:transform .2s, background .2s;} |
| .btn:hover {transform:translateY(-2px);} |
| .btn-primary {color:#080d19;background:linear-gradient(100deg,#8cd7ff,#b09aff);box-shadow:0 9px 30px #797bff2c;} |
| .btn-outline {border:1px solid var(--border);background:#131b2b;color:var(--white);} |
| .hero-art {min-height:405px;display:flex;align-items:center;justify-content:center;position:relative;} |
| .visual-shell {width:100%;max-width:445px;border:1px solid #b1c2fc35;border-radius:25px;padding:16px;background:linear-gradient(143deg,#151c30,#0d1122);box-shadow:0 28px 100px #01040d9d;transform:rotate(-2deg);} |
| .shell-top {display:flex;gap:6px;align-items:center;padding:3px 4px 15px;color:#bac5d9;font-size:.69rem;letter-spacing:.07em;} |
| .shell-top i {display:block;width:7px;height:7px;background:#7b89b8;border-radius:50%;opacity:.75;} |
| .shell-top span {margin-left:auto;} |
| .visual {height:326px;overflow:hidden;position:relative;border:1px solid #c0d3fd17;border-radius:17px;background:radial-gradient(circle at 70% 24%,#7370df44,transparent 45%),radial-gradient(circle at 18% 78%,#23a3c033,transparent 54%),#12172a;} |
| .visual::before {content:"";position:absolute;inset:0;background-image:linear-gradient(#acc0f10c 1px,transparent 1px),linear-gradient(90deg,#acc0f10c 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(#000a,#0002);} |
| .visual-blob {position:absolute;width:216px;height:216px;left:26%;top:12%;filter:drop-shadow(0 0 34px #5d84ff52);background:conic-gradient(from 33deg,#8b8cff,#6df2ef,#3b69c8,#c39eff,#8b8cff);border-radius:36% 64% 63% 37% / 40% 32% 68% 60%;transform:rotate(-28deg);box-shadow:inset -26px -20px 52px #04091a78,inset 13px 19px 38px #ffffff4a;} |
| .visual-blob::before {content:"";position:absolute;inset:20px;border-radius:inherit;background:linear-gradient(135deg,#ffffff4a,transparent 40%);} |
| .visual-caption {position:absolute;bottom:13px;left:14px;right:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#090e1bcc;backdrop-filter:blur(10px);border:1px solid #b8c9fa30;border-radius:11px;font-size:.73rem;} |
| .visual-caption b {color:#dbe8ff;} |
| .visual-caption span {color:#99adcd;text-align:right;} |
| .small-note {text-align:center;color:#7b8baa;font-size:.7rem;margin:13px 0 0;} |
| .strip {border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0c1220;} |
| .strip-inner {display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;padding:22px 0;color:#8f9cb5;font-weight:740;font-size:.79rem;text-transform:uppercase;letter-spacing:.09em;} |
| .strip-inner span {display:flex;align-items:center;gap:10px;} |
| .tiny-dot {display:inline-block;width:5px;height:5px;background:#77b5ff;border-radius:100%;} |
| section {padding:105px 0;scroll-margin-top:30px;} |
| .section-top {max-width:705px;margin-bottom:35px;} |
| .kicker {color:var(--cyan);font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:.73rem;} |
| h2 {font-size:clamp(2.1rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.2;margin:13px 0 17px;} |
| .lead {font-size:1.04rem;color:var(--muted);line-height:1.85;max-width:690px;} |
| .model-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;} |
| .card {border:1px solid var(--border);border-radius:19px;background:linear-gradient(155deg,#151f30,#0e1523);padding:27px;min-height:258px;position:relative;overflow:hidden;} |
| .card::after {content:"";position:absolute;width:145px;height:145px;right:-95px;top:-90px;border-radius:50%;background:#546fe04d;filter:blur(36px);pointer-events:none;} |
| .card .number {display:inline-block;font-size:.76rem;color:#91b8e9;letter-spacing:.09em;font-weight:800;margin-bottom:24px;} |
| .card h3 {font-size:1.34rem;line-height:1.35;letter-spacing:-.024em;margin-bottom:13px;} |
| .card p {color:var(--muted);font-size:.92rem;line-height:1.75;margin-bottom:22px;} |
| .stage {display:inline-block;color:#c4ceec;font-size:.76rem;letter-spacing:.02em;border:1px solid #a1aed730;padding:6px 10px;border-radius:7px;background:#a9adf00b;} |
| .block-note {margin-top:24px;padding:17px 20px;border-left:3px solid #7eaaff;background:#121b2c;color:#b3c1d8;border-radius:0 10px 10px 0;font-size:.9rem;} |
| .block-note strong {color:#eef4ff;} |
| .cb-section {background:linear-gradient(180deg,#0d1322,#0a101b);border-block:1px solid var(--border);} |
| .cb-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;} |
| .cb-card {display:flex;gap:17px;min-height:159px;padding:24px;border:1px solid var(--border);border-radius:17px;background:#131d2c;} |
| .cb-icon {flex-shrink:0;display:grid;place-items:center;width:45px;height:45px;border-radius:13px;font-weight:900;background:#2a2e59;color:#d8d3ff;font-size:1rem;} |
| .cb-card h3 {font-size:1.17rem;letter-spacing:-.015em;margin:0 0 7px;} |
| .cb-card p {font-size:.9rem;color:var(--muted);margin-bottom:9px;} |
| .mini-state {color:#9fb9e5;font-size:.72rem;font-weight:750;} |
| .method-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;} |
| .method {padding:24px;background:#0f1625;border:1px solid var(--border);border-radius:16px;} |
| .method h3 {font-size:1.08rem;margin-bottom:8px;} |
| .method p {font-size:.9rem;color:var(--muted);margin-bottom:0;} |
| .number-label {color:#84c5fd;font-size:.79rem;font-weight:800;display:block;margin-bottom:18px;} |
| .roadmap {display:grid;grid-template-columns:1fr 1fr;gap:20px;} |
| .roadmap-card {padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--panel);} |
| .roadmap-card h3 {margin:0 0 17px;font-size:1.17rem;} |
| .roadmap-card ul {padding:0;margin:0;list-style:none;} |
| .roadmap-card li {display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:.91rem;padding:10px 0;border-top:1px solid #a9b5d015;} |
| .roadmap-card li:first-child {border:0;} |
| .step-mark {flex-shrink:0;color:#8bdcd4;font-weight:900;} |
| .pending {color:#7987a5;} |
| .footer {padding:43px 0;border-top:1px solid var(--border);background:#080c14;} |
| .footer-inner {display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;} |
| .footer p {font-size:.85rem;color:#8f9eb7;margin:4px 0 0;} |
| .footer strong {letter-spacing:.03em;} |
| .footer-right {font-size:.8rem;color:#99aac4;} |
| @media (max-width:990px) {.hero{grid-template-columns:1fr;gap:30px;padding:80px 0}.hero-art{min-height:380px}.model-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));}nav{gap:16px;}} |
| @media (max-width:640px) {.container{width:min(calc(100% - 30px),var(--max));}header{height:auto;min-height:78px}.nav{padding:14px 0;align-items:flex-start;flex-wrap:wrap;}nav{width:100%;justify-content:space-between;gap:10px;font-size:.8rem;}nav .nav-pill{display:none}.hero{padding:75px 0 70px}.hero p{font-size:1rem}.hero-art{min-height:315px}.visual-shell{max-width:360px}.visual{height:278px}.visual-blob{width:180px;height:180px}.strip-inner{gap:17px;font-size:.68rem}.strip-inner span{width:calc(50% - 12px)}section{padding:75px 0}.model-grid,.method-grid,.cb-grid,.roadmap{grid-template-columns:1fr}.card{min-height:220px}.footer-inner{align-items:flex-start;flex-direction:column}} |
| @media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto}.btn{transition:none}} |
| </style> |
| </head> |
| <body> |
| <header> |
| <div class="container nav"> |
| <a class="brand" href="#inicio" aria-label="ZYLUN AI, início"><span class="mark">Z</span><span>ZYLUN <span style="color:#9fa9ff">AI</span></span></a> |
| <nav aria-label="Navegação principal"> |
| <a href="#sobre">Sobre</a> |
| <a href="#zyi">ZYI</a> |
| <a href="#cblm">CBLM</a> |
| <a href="#roadmap">Roadmap</a> |
| <a href="#pesquisa" class="nav-pill">Nossa pesquisa ↗</a> |
| </nav> |
| </div> |
| </header> |
| <main id="inicio"> |
| <div class="container hero"> |
| <div> |
| <span class="eyebrow">Pesquisa em inteligência artificial</span> |
| <h1>Imagine.<br><span class="gradient">Generate.</span><br>Build.</h1> |
| <p>A <strong style="color:var(--white)">ZYLUN AI</strong> explora o futuro da inteligência artificial generativa. Dos modelos de imagem <strong style="color:#bed9ff">ZYI</strong> às futuras IAs de código <strong style="color:#d4c5ff">CBLM</strong>, transformamos ideias em pesquisa, experimentos e tecnologia.</p> |
| <div class="actions"> |
| <a class="btn btn-primary" href="#zyi">Explorar modelos <span aria-hidden="true">↗</span></a> |
| <a class="btn btn-outline" href="#sobre">Conhecer a ZYLUN AI <span aria-hidden="true">→</span></a> |
| </div> |
| </div> |
| <div class="hero-art" aria-label="Ilustração abstrata conceitual dos modelos generativos ZYI"> |
| <div class="visual-shell"> |
| <div class="shell-top"><i></i><i></i><i></i><span>ZYLUN / GENERATIVE LAB</span></div> |
| <div class="visual"><div class="visual-blob"></div><div class="visual-caption"><b>ZYI / TEXT → IMAGE</b><span>Exploração visual conceitual</span></div></div> |
| <p class="small-note">Arte abstrata ilustrativa · não é uma imagem gerada pelo modelo</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="strip"><div class="container strip-inner"> |
| <span><i class="tiny-dot"></i> Text-to-image</span> |
| <span><i class="tiny-dot"></i> Modelos de linguagem</span> |
| <span><i class="tiny-dot"></i> Geração de código</span> |
| <span><i class="tiny-dot"></i> Pesquisa aplicada</span> |
| </div></div> |
|
|
| <section class="container" id="sobre"> |
| <div class="section-top"> |
| <div class="kicker">Quem somos</div> |
| <h2>Uma visão, múltiplas possibilidades.</h2> |
| <p class="lead">A ZYLUN AI é um projeto de pesquisa e desenvolvimento dedicado a explorar arquiteturas de redes neurais, treinamento de modelos e aplicações criativas de IA. Nosso foco está em experimentar, aprender e desenvolver sistemas cada vez mais úteis e eficientes.</p> |
| </div> |
| <div class="method-grid"> |
| <div class="method"><span class="number-label">01 / PESQUISA</span><h3>Experimentação constante</h3><p>Investigamos arquiteturas, conjuntos de dados e métodos de treinamento para modelos generativos.</p></div> |
| <div class="method"><span class="number-label">02 / EFICIÊNCIA</span><h3>Mais com menos</h3><p>Exploramos modelos compactos, uso eficiente de recursos computacionais e soluções acessíveis.</p></div> |
| <div class="method"><span class="number-label">03 / TRANSPARÊNCIA</span><h3>Do protótipo ao produto</h3><p>Distinguimos conceitos, pesquisa, versões beta e futuras disponibilizações públicas.</p></div> |
| </div> |
| </section> |
|
|
| <section class="container" id="zyi"> |
| <div class="section-top"><div class="kicker">Generative vision / ZYI</div><h2>Inteligência que <span class="gradient">vira imagem.</span></h2><p class="lead">A família <strong>ZYI</strong> investiga a geração de imagens a partir de descrições textuais. Cada experimento busca aprimorar qualidade visual, composição, compreensão de prompts e eficiência.</p></div> |
| <div class="model-grid"> |
| <article class="card"><span class="number">ZYI / 01</span><h3>ZYI 1.5</h3><p>Experimentação com arquiteturas de geração eficientes e bases de imagens legendadas, incluindo pesquisas de treinamento com COCO.</p><span class="stage">Pesquisa e testes</span></article> |
| <article class="card"><span class="number">ZYI / 02</span><h3>ZYI 1.6 Beta</h3><p>Evolução experimental da família de modelos de imagem, com investigação de técnicas modernas de geração.</p><span class="stage">Beta experimental</span></article> |
| <article class="card"><span class="number">ZYI / NEXT</span><h3>ZYI 2.0</h3><p>Próxima geração planejada, com metas de maior qualidade, melhor aderência aos prompts e controle criativo.</p><span class="stage">Planejado / em pesquisa</span></article> |
| </div> |
| <div class="block-note"><strong>Sobre as versões:</strong> ZYI também inclui experimentos e iterações anteriores, como ZYI 1.0, 1.1 e linhas ReasonFast. Nem todos os checkpoints citados são públicos ou possuem demonstrações disponíveis.</div> |
| </section> |
|
|
| <section class="cb-section" id="cblm"> |
| <div class="container"> |
| <div class="section-top"><div class="kicker">Language & code / CBLM</div><h2>Do prompt ao <span class="gradient">código.</span></h2><p class="lead">A futura família <strong>CBLM</strong> tem como direção o desenvolvimento de assistentes de programação e modelos especializados em sites, ferramentas e jogos interativos. Os nomes e recursos ainda podem evoluir.</p></div> |
| <div class="cb-grid"> |
| <article class="cb-card"><span class="cb-icon"></></span><div><h3>CBLM CODE</h3><p>Geração, explicação, revisão e depuração de código.</p><span class="mini-state">Pesquisa e desenvolvimento</span></div></article> |
| <article class="cb-card"><span class="cb-icon">⚡</span><div><h3>CBLM Flash</h3><p>Modelos menores com foco em velocidade e uso eficiente de recursos.</p><span class="mini-state">Experimental / planejado</span></div></article> |
| <article class="cb-card"><span class="cb-icon">{ }</span><div><h3>CBLM WebCoder</h3><p>HTML, CSS, JavaScript e construção de interfaces para a web.</p><span class="mini-state">Experimental / planejado</span></div></article> |
| <article class="cb-card"><span class="cb-icon">▶</span><div><h3>CBLM GameCoder</h3><p>Jogos HTML5, Canvas, gameplay e aplicações interativas.</p><span class="mini-state">Experimental / planejado</span></div></article> |
| </div> |
| <div class="block-note"><strong>Compromisso com clareza:</strong> CBLM é uma linha de pesquisa. Os modelos, tamanhos finais, desempenho e cronograma de disponibilização não estão garantidos.</div> |
| </div> |
| </section> |
|
|
| <section class="container" id="pesquisa"> |
| <div class="section-top"><div class="kicker">Tecnologia</div><h2>Pesquisa orientada a experimentos.</h2><p class="lead">Entre as tecnologias investigadas nos projetos da ZYLUN AI estão transformadores, codificadores de texto, representações latentes, modelos de difusão e técnicas de flow matching. Cada versão pode adotar abordagens diferentes.</p></div> |
| <div class="method-grid"> |
| <div class="method"><span class="number-label">VISÃO</span><h3>Diffusion & Flow</h3><p>Estudo de difusão, Diffusion Transformers (DiT) e métodos de geração baseados em fluxo.</p></div> |
| <div class="method"><span class="number-label">LINGUAGEM</span><h3>Transformers & SFT</h3><p>Estudo de modelos de linguagem, dados reais de programação e ajuste supervisionado.</p></div> |
| <div class="method"><span class="number-label">APLICAÇÃO</span><h3>Ferramentas criativas</h3><p>Exploração de modelos de imagem, código, edição e experiências multimodais.</p></div> |
| </div> |
| </section> |
|
|
| <section class="container" id="roadmap"> |
| <div class="section-top"><div class="kicker">Próximos passos</div><h2>O que estamos construindo.</h2><p class="lead">Este roadmap representa direções de pesquisa e não estabelece datas de lançamento ou garantia de disponibilidade.</p></div> |
| <div class="roadmap"> |
| <div class="roadmap-card"><h3>Marcos de pesquisa</h3><ul><li><span class="step-mark">✓</span><span>Iniciar a pesquisa e os experimentos com a família ZYI.</span></li><li><span class="step-mark">✓</span><span>Explorar múltiplas versões e configurações de geração de imagem.</span></li><li><span class="step-mark pending">○</span><span>Consolidar avaliações e documentação dos checkpoints ZYI.</span></li></ul></div> |
| <div class="roadmap-card"><h3>Em planejamento</h3><ul><li><span class="step-mark pending">○</span><span>Investigar a evolução ZYI 2.0.</span></li><li><span class="step-mark pending">○</span><span>Avançar os protótipos de geração de código CBLM.</span></li><li><span class="step-mark pending">○</span><span>Explorar edição de imagem, multimodalidade e vídeo.</span></li></ul></div> |
| </div> |
| </section> |
| </main> |
| <footer class="footer"><div class="container footer-inner"><div><strong>ZYLUN AI</strong><p>Imagine. Generate. Build. · © 2026 ZYLUN AI</p></div><div class="footer-right">Pesquisa e desenvolvimento em inteligência artificial generativa.</div></div></footer> |
| </body> |
| </html> |
|
|
