File size: 2,568 Bytes
6ac5f30 27422ae 4d7ef1a 3024bd2 4d7ef1a 3024bd2 4d7ef1a 417d7dc 4d7ef1a 3024bd2 4d7ef1a 3024bd2 417d7dc 262e327 417d7dc 262e327 3024bd2 4d7ef1a 3024bd2 417d7dc 4d7ef1a 3024bd2 262e327 3024bd2 4d7ef1a 417d7dc 3024bd2 417d7dc 4d7ef1a 262e327 4d7ef1a 417d7dc 3024bd2 417d7dc 262e327 4d7ef1a 3024bd2 417d7dc 4d7ef1a 3024bd2 417d7dc 3024bd2 4d7ef1a 3024bd2 417d7dc 262e327 3024bd2 417d7dc 262e327 3024bd2 417d7dc 262e327 3024bd2 417d7dc 262e327 4d7ef1a 27422ae 4d7ef1a 27422ae 3024bd2 417d7dc 3024bd2 417d7dc 3024bd2 27422ae 262e327 | 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 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 | <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta
name="description"
content="PersianML develops open models, datasets, and benchmarks for Persian AI."
>
<title>PersianML</title>
<style>
:root {
--cream: #fffaf2;
--ink: #17231f;
--muted: #66736d;
--red: #d92835;
--green: #078f65;
--blue: #4469ce;
--saffron: #e9a82e;
}
* {
box-sizing: border-box;
}
body {
min-height: 100vh;
margin: 0;
display: grid;
place-items: center;
padding: 32px;
color: var(--ink);
background:
radial-gradient(circle at 12% 20%, #d9283514, transparent 30%),
radial-gradient(circle at 88% 78%, #078f6518, transparent 32%),
var(--cream);
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
main {
width: min(820px, 100%);
}
.label {
color: var(--red);
font-size: 12px;
font-weight: 900;
letter-spacing: .14em;
text-transform: uppercase;
}
h1 {
margin: 14px 0 20px;
font-size: clamp(64px, 12vw, 110px);
line-height: .9;
letter-spacing: -.08em;
}
h1 span {
color: var(--green);
}
p {
max-width: 680px;
margin: 0;
color: var(--muted);
font-size: clamp(18px, 2.5vw, 22px);
line-height: 1.55;
}
.areas {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 34px;
}
.area {
padding: 9px 14px;
border-radius: 999px;
font-size: 13px;
font-weight: 800;
}
.text {
color: var(--red);
background: #d9283512;
}
.speech {
color: var(--green);
background: #078f6514;
}
.vision {
color: var(--blue);
background: #4469ce14;
}
.evaluation {
color: #9a6700;
background: #e9a82e1c;
}
</style>
</head>
<body>
<main>
<div class="label">Open Persian AI</div>
<h1>Persian<span>ML</span></h1>
<p>
We develop open models, datasets, and benchmarks for Persian text,
speech, OCR, document understanding, and multimodal AI.
</p>
<div class="areas">
<span class="area text">Text & Language</span>
<span class="area speech">ASR & TTS</span>
<span class="area vision">Vision & OCR</span>
<span class="area evaluation">Data & Evaluation</span>
</div>
</main>
</body>
</html> |