← Back
☆ 
<!doctype html><html><head><meta charset="utf-8"><style>
*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,'Segoe UI',Inter,sans-serif}
body{background:#0a0e16;color:#e9edf6;padding:34px 30px;width:1500px}
h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}
.sub{color:#8a96b0;font-size:14px;margin-bottom:24px}
.fam{font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin:24px 0 12px;display:flex;align-items:center;gap:10px}
.row{display:flex;gap:16px}
.card{background:#10151f;border:1px solid #1b2333;border-radius:14px;overflow:hidden;width:344px;position:relative}
.card img{width:100%;display:block}
.lab{padding:9px 12px;font-size:12px;color:#aab4c8;display:flex;justify-content:space-between;align-items:center}
.lab b{color:#fff}
.badge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;padding:4px 9px;border-radius:8px;letter-spacing:.5px}
.win{background:#22e06a;color:#06120a;box-shadow:0 0 14px rgba(34,224,106,.6)}
.asset{background:#7a5cff;color:#fff}
.cut{background:#2a3142;color:#9aa6c0}
.alt{background:#ffb020;color:#1a1208}
.score{font-size:11px;font-weight:800}
.s5{color:#22e06a}.s4{color:#9fe0a0}.s3{color:#ffb020}
.note{font-size:11px;color:#6a7690;padding:0 12px 11px;line-height:1.5}
.cy{color:#6cc8ff}
</style></head><body>
<h1>Поликопи — выбор визуального языка · 7 рефов</h1>
<div class="sub">Реальный продукт на живых деньгах → база должна быть <b style="color:#fff">читаемой, premium-trust и реализуемой в CSS</b>. Бренд-вау выносим в ассеты.</div>

<div class="fam" style="color:#d8c9a0">🏛️ EDITORIAL / LUXE — serif, «old money meets prediction markets»</div>
<div class="row">
  <div class="card"><div class="badge alt">ELEGANT</div><img src="ref-01.jpeg"><div class="lab"><b>ref-01</b><span class="score s4">8/10</span></div><div class="note">Герб-акула, греческий орнамент, кремовый профиль. Чуть тяжёлый фон.</div></div>
  <div class="card"><div class="badge win">🏆 BASE</div><img src="ref-02.jpeg"><div class="lab"><b>ref-02</b><span class="score s5">9.5/10</span></div><div class="note"><b class="cy">Лучший для UI-базы.</b> Самый чистый, читаемый, serif+cream, реальные YES/NO @ цена. Доверие + реализуемо в CSS.</div></div>
</div>

<div class="fam" style="color:#cfd6e6">💿 LIQUID CHROME — иридесцентный металл, max wow</div>
<div class="row">
  <div class="card"><div class="badge cut">noisy</div><img src="ref-05.jpeg"><div class="lab"><b>ref-05</b><span class="score s3">7/10</span></div><div class="note">Вау, но глитчи в тексте, шумновато.</div></div>
  <div class="card"><div class="badge cut">ok</div><img src="ref-06.jpeg"><div class="lab"><b>ref-06</b><span class="score s4">8/10</span></div><div class="note">Чище, голографик-профиль.</div></div>
  <div class="card"><div class="badge asset">⭐ ASSET</div><img src="ref-07.jpeg"><div class="lab"><b>ref-07</b><span class="score s5">9/10</span></div><div class="note"><b class="cy">Бренд-слой.</b> Самый чистый хром. Акула/череп → splash, иконка, аватары, пустые состояния. 3D-рендер = PNG-ассет, не CSS.</div></div>
</div>

<div class="fam" style="color:#7fd9a0">🎯 CYBER-HUD — тактический прицел</div>
<div class="row">
  <div class="card"><div class="badge cut">cut</div><img src="ref-03.jpeg"><div class="lab"><b>ref-03</b><span class="score s3">6/10</span></div><div class="note">Перегружен фейк-телеметрией, gamey.</div></div>
  <div class="card"><div class="badge cut">cut</div><img src="ref-04.jpeg"><div class="lab"><b>ref-04</b><span class="score s3">6.5/10</span></div><div class="note">Чище 03, но «игра», низкий trust для денег.</div></div>
  <div class="card" style="border-style:dashed;display:flex;align-items:center;justify-content:center;min-height:300px;background:#0d1018"><div style="text-align:center;color:#6a7690;font-size:13px;padding:20px">HUD отметаю как базу:<br>читаемость ↓, доверие ↓,<br>сложно держать чисто в проде.<br><br>Хищный вайб заберём в<br>микро-детали (EDGE, акценты).</div></div>
</div>

</body></html>

📜 Git History

4a1a2fedesign(poli): lock editorial+chrome style guide & CSS tokens (chunk 1)11 days ago
Show last diff
Loading...