wangjia
a642bf16a2
design/ 同步自最新设计导出，新增 ui_kits/tablet/ 平板分栏布局；todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
20 lines
1.5 KiB
HTML
20 lines
1.5 KiB
HTML
<!doctype html>
|
|
<!-- @dsCard group="Brand" name="Logo 锁版" subtitle="浅色主锁版 / 深色反白锁版" viewport="700x185" --><html><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
|
<style>body{margin:0;font-family:var(--font-sans);padding:0;display:flex}
|
|
.half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 0}
|
|
.light{background:var(--sand-50)} .dark{background:var(--sand-950)}
|
|
.wm{display:flex;align-items:center;gap:13px}
|
|
.tw{display:flex;flex-direction:column;line-height:1}
|
|
.cn{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-0.01em}
|
|
.en{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:0.22em;color:var(--clay-500);margin-top:4px}
|
|
.lab{font-family:var(--font-mono);font-size:9px}</style></head><body>
|
|
<div class="half light">
|
|
<div class="wm"><img src="../assets/logo-mark.svg" width="48"><div class="tw"><span class="cn" style="color:var(--sand-900)">穿山甲</span><span class="en">PANGOLIN</span></div></div>
|
|
<span class="lab" style="color:var(--sand-500)">主锁版 · 浅色背景</span>
|
|
</div>
|
|
<div class="half dark">
|
|
<div class="wm"><img src="../assets/logo-mark-white.svg" width="48"><div class="tw"><span class="cn" style="color:#F4EFE8">穿山甲</span><span class="en" style="color:var(--clay-300)">PANGOLIN</span></div></div>
|
|
<span class="lab" style="color:#897f6f">反白锁版 · 深色背景</span>
|
|
</div>
|
|
</body></html>
|