← Back
☆ 
<!doctype html><html><head><meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Instrument+Serif&family=Newsreader:wght@400;500&family=Playfair+Display:wght@500;600&family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@600&display=swap" rel="stylesheet">
<style>
body{background:#0e0f13;color:#ece9e1;margin:0;padding:34px 40px;width:1000px;font-family:Inter,system-ui,sans-serif}
.row{border-bottom:1px solid #23262f;padding:22px 0}
.tag{font-family:'JetBrains Mono',monospace;font-size:12px;color:#c9a84a;letter-spacing:1px;margin-bottom:10px}
.tag b{color:#9a958a;font-weight:400}
.big{font-size:40px;font-weight:400;letter-spacing:-.5px;line-height:1.05}
.mid{font-size:22px;margin-top:6px}
.num{font-family:'JetBrains Mono',monospace;color:#2fb86a;font-size:20px;margin-left:14px}
.cur{font-family:Georgia,serif}
.fr{font-family:'Fraunces',serif}
.is{font-family:'Instrument Serif',serif}
.nr{font-family:'Newsreader',serif}
.pf{font-family:'Playfair Display',serif}
.sg{font-family:'Space Grotesk',sans-serif}
h1{font-size:24px;font-weight:700;margin:0 0 6px}
.sub{color:#9a958a;font-size:14px;margin-bottom:20px}
</style></head><body>
<h1>Поликопи — выбор шрифта заголовков</h1>
<div class="sub">Один и тот же текст в 6 вариантах. Цифры везде JetBrains Mono (не меняем).</div>

<div class="row"><div class="tag">0 · СЕЙЧАС <b>— Georgia (системный)</b></div>
  <div class="big cur">Winners · Wild Python <span class="num">EDGE 9.8</span></div>
  <div class="mid cur">Portfolio · Two sides. One market.</div></div>

<div class="row"><div class="tag">1 · FRAUNCES <b>— модерн-олдстайл, характер, премиум-бренды</b></div>
  <div class="big fr">Winners · Wild Python <span class="num">EDGE 9.8</span></div>
  <div class="mid fr">Portfolio · Two sides. One market.</div></div>

<div class="row"><div class="tag">2 · INSTRUMENT SERIF <b>— тонкий, элегантный, современный editorial</b></div>
  <div class="big is">Winners · Wild Python <span class="num">EDGE 9.8</span></div>
  <div class="mid is">Portfolio · Two sides. One market.</div></div>

<div class="row"><div class="tag">3 · NEWSREADER <b>— чистый редакционный, очень читаемый</b></div>
  <div class="big nr">Winners · Wild Python <span class="num">EDGE 9.8</span></div>
  <div class="mid nr">Portfolio · Two sides. One market.</div></div>

<div class="row"><div class="tag">4 · PLAYFAIR DISPLAY <b>— высокий контраст, люкс/глянец</b></div>
  <div class="big pf">Winners · Wild Python <span class="num">EDGE 9.8</span></div>
  <div class="mid pf">Portfolio · Two sides. One market.</div></div>

<div class="row"><div class="tag">5 · SPACE GROTESK <b>— SANS-альтернатива (без serif), техно-модерн</b></div>
  <div class="big sg">Winners · Wild Python <span class="num">EDGE 9.8</span></div>
  <div class="mid sg">Portfolio · Two sides. One market.</div></div>

</body></html>