wangjia
a642bf16a2
design/ 同步自最新设计导出，新增 ui_kits/tablet/ 平板分栏布局；todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
12 lines
953 B
HTML
12 lines
953 B
HTML
<!doctype html>
|
|
<!-- @dsCard group="Type" name="正文字体 (Manrope)" subtitle="界面与正文,人文几何" viewport="700x190" --><html><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
|
<style>body{margin:0;background:var(--bg);font-family:var(--font-sans);padding:24px;color:var(--fg1)}
|
|
.lab{font-family:var(--font-mono);font-size:10px;color:var(--fg3);margin-bottom:12px}
|
|
p{margin:0 0 8px}</style></head><body>
|
|
<div class="lab">BODY · Manrope — 界面与正文 · 400 / 500 / 600 / 700</div>
|
|
<p class="t-h3">Connect with one tap 一键连接</p>
|
|
<p class="t-body-lg" style="color:var(--fg2)">A lightweight, friendly VPN that just works. 轻盈、亲和、即开即用。</p>
|
|
<p class="t-body">Body 16px — 全球 80+ 节点,智能选择最快线路,稳定不掉线。</p>
|
|
<p class="t-sm" style="color:var(--fg2)">Small 14px — 适用于次要说明、列表副标题与表单提示文字。</p>
|
|
</body></html>
|