Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>BranchingNLP</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lora:wght@600&display=swap"> | |
| <style> | |
| :root{ | |
| --bg:#000; --ink:#f2f2f2; --muted:#9b9b9b; --faint:#5c5c5c; --line:#1f1f1f; | |
| --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; | |
| --serif:"Lora",Georgia,"Times New Roman",serif; | |
| color-scheme:dark; | |
| } | |
| *{box-sizing:border-box} | |
| html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased} | |
| a{color:inherit;text-decoration:none} | |
| .card{position:relative;overflow:hidden;padding:44px 40px 40px} | |
| /* texture: griglia di puntini che sfuma verso sinistra */ | |
| .card::before{ | |
| content:"";position:absolute;inset:0;pointer-events:none; | |
| background-image:radial-gradient(circle at center, rgba(255,255,255,.34) 1px, transparent 1.4px); | |
| background-size:14px 14px; | |
| -webkit-mask-image:radial-gradient(120% 90% at 100% 30%, #000 0%, rgba(0,0,0,.55) 40%, transparent 72%); | |
| mask-image:radial-gradient(120% 90% at 100% 30%, #000 0%, rgba(0,0,0,.55) 40%, transparent 72%); | |
| } | |
| .inner{position:relative;max-width:560px} | |
| .brand{font:600 19px/1 var(--serif);letter-spacing:-.01em} | |
| h1{font-weight:500;font-size:clamp(30px,6vw,44px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 16px;text-wrap:balance} | |
| .lede{color:var(--muted);font-size:16px;margin:0 0 30px;max-width:34em} | |
| .fam{display:grid;grid-template-columns:72px 1fr;gap:6px 18px;padding:16px 0;border-top:1px solid var(--line);align-items:baseline} | |
| .fam.last{border-bottom:1px solid var(--line)} | |
| .fam b{font-weight:600;font-size:16px} | |
| .fam span{color:var(--muted);font-size:14px} | |
| .links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:14px} | |
| .links a{color:var(--ink);border-bottom:1px solid var(--faint);padding-bottom:1px} | |
| .links a:hover{border-color:var(--ink)} | |
| .links a::before{content:"→ ";color:var(--muted)} | |
| .foot{margin-top:32px;font-size:12px;color:var(--faint)} | |
| @media (max-width:520px){.card{padding:32px 20px}.fam{grid-template-columns:1fr}} | |
| </style> | |
| </head> | |
| <body> | |
| <main class="card"> | |
| <div class="inner"> | |
| <div class="brand">BranchingNLP</div> | |
| <h1>Small open models, trained from scratch in Italy.</h1> | |
| <p class="lede">Compact language and translation models with Italian as a first-class language. Weights, data recipes and evaluations are public.</p> | |
| <div class="fam"><b>Clover</b><span>Bilingual Italian–English language models with digit-level tokenization. Clover-135M is in training.</span></div> | |
| <div class="fam last"><b>Iris</b><span>Direct translation between 11 European languages, no pivot through English. Speech models planned.</span></div> | |
| <nav class="links"> | |
| <a href="https://huggingface.co/BranchingNLP" target="_blank" rel="noopener">Our models</a> | |
| <a href="mailto:contact@branchingnlp.com" target="_blank" rel="noopener">Contact</a> | |
| </nav> | |
| <div class="foot">Amelia, Umbria · open weights, open data recipes</div> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |