File size: 3,428 Bytes
67eda92
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!doctype html>
<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>