소스 검색

design: 顶栏数据平台降到 font-medium(汉字密度高,求视觉等重)

tianyu.chu 1 개월 전
부모
커밋
ed523c347e
2개의 변경된 파일3개의 추가작업 그리고 2개의 파일을 삭제
  1. 2 1
      apps/web/src/layout/AppLayout.tsx
  2. 1 1
      docs/04-设计规范.md

+ 2 - 1
apps/web/src/layout/AppLayout.tsx

@@ -45,7 +45,8 @@ export function AppLayout({ children }: Props) {
           HS <span className="text-primary">Data</span>
         </span>
         <span className="h-4 w-px bg-border" />
-        <span className="text-[15px] font-semibold tracking-tight text-foreground">数据平台</span>
+        {/* 汉字密度高于英文:数据平台比 HS Data(bold)降一档到 medium,求视觉等重 */}
+        <span className="text-[15px] font-medium tracking-tight text-foreground">数据平台</span>
         <div className="ml-auto flex items-center gap-2">
           <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
             <span className="size-1.5 rounded-full bg-primary" />

+ 1 - 1
docs/04-设计规范.md

@@ -43,7 +43,7 @@
 
 ## 3. 布局(三段式 + 单一滚动区)
 
-- **顶栏**:白(`bg-card`)+ 底部细线;左 mint logo 图标 + 品牌锁定块「HS Data | 数据平台」(同 15px、主文本深色,HS Data 加粗 / 数据平台 semibold 略轻,`Data` 用 mint 点缀,中间竖线分隔),右 mint dot + `MVP`。
+- **顶栏**:白(`bg-card`)+ 底部细线;左 mint logo 图标 + 品牌锁定块「HS Data | 数据平台」(同 15px、主文本深色,`Data` 用 mint 点缀,中间竖线分隔;**视觉等重**:汉字密度高于英文,故 HS Data 用 `font-bold`、数据平台降一档 `font-medium`,看起来才一样重),右 mint dot + `MVP`。
 - **侧栏**:浅 slate-100(`--sidebar`,**有色不刺眼**,比主区沉一档);宽 `w-56`,可纵向滚动。
   - **三级导航树**(`NavTree.tsx`,IA 见 `docs/01` §2):L1 能力域(加粗 + 图标 + 展开箭头 ▸/▾)→ L2 分析模块 → L3 报表;L2/L3 用**左侧竖引导线**(`border-l border-sidebar-border`)+ 缩进,层级一眼可分。
   - **展开/折叠**(对齐主流后台):点 L1/L2 分组手动展开/折叠(不跳转);多个可同时展开;进入某页自动展开其所在分支,不折叠其它已展开分支。叶子才跳转。