顶栏、背景和侧边导航

页面标题、面包屑和内容间距
卡片、表格、筛选工具栏、分页
表单、按钮、标签、弹窗和空状态
固定保存操作区
深色模式与移动端
This commit is contained in:
2026-08-04 16:32:31 +08:00 Unverified
parent e6945ca09a
commit 6e370571cb
6 changed files with 889 additions and 22 deletions
+8 -11
View File
@@ -1,16 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 52" role="img" aria-labelledby="title">
<title id="title">NEXUS ID</title>
<defs>
<linearGradient id="signal" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#63e6ff"/>
<stop offset="1" stop-color="#8b7cff"/>
</linearGradient>
</defs>
<g transform="translate(8 9)">
<rect x="5" y="5" width="24" height="24" rx="1" fill="none" stroke="url(#signal)" stroke-width="1.5" transform="rotate(45 17 17)"/>
<circle cx="17" cy="17" r="3.5" fill="#63e6ff"/>
<circle cx="17" cy="17" r="8.5" fill="none" stroke="#63e6ff" stroke-opacity=".18"/>
<rect width="34" height="34" rx="10" fill="#356fd6"/>
<path d="M9 10h16M9 17h11M9 24h16" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round"/>
<circle cx="24.5" cy="17" r="2.2" fill="#f0b92e"/>
</g>
<text x="52" y="32" fill="#f4f7ff" font-family="Bahnschrift,Segoe UI,sans-serif" font-size="20" font-weight="600" letter-spacing="3">NEXUS</text>
<text x="151" y="32" fill="#95a2be" font-family="Bahnschrift,Segoe UI,sans-serif" font-size="18" font-weight="400" letter-spacing="2">/ ID</text>
<text x="54" y="31" fill="#17324d" font-family="Segoe UI Variable,Segoe UI,sans-serif" font-size="19" font-weight="700" letter-spacing="1.2">NEXUS</text>
<text x="133" y="31" fill="#667a8e" font-family="Segoe UI Variable,Segoe UI,sans-serif" font-size="15" font-weight="600" letter-spacing="1">WORKSPACE</text>
<rect x="54" y="38" width="31" height="3" rx="1.5" fill="#279477"/>
<rect x="88" y="38" width="31" height="3" rx="1.5" fill="#e9ad38"/>
<rect x="122" y="38" width="31" height="3" rx="1.5" fill="#e86452"/>
</svg>

Before

Width:  |  Height:  |  Size: 948 B

After

Width:  |  Height:  |  Size: 929 B