InvestLens by Galaxy · 设计系统
沿用 Galaxy 官网设计系统的语义色板、字体与版式。CSS 变量定义于 app/globals.css,TS 镜像位于 lib/design-tokens/tokens.ts。
Brand
品牌标识
InvestLens.BY GALAXY先理解你 · 再理解市场
InvestLens 是 Galaxy 旗下的个人 AI 投资研究产品,直接使用 Galaxy 官网的品牌符号(圆环与两条交叉轨道)、Inter 字体、近黑 / 象牙白配色与发丝线版式;Galaxy 红只出现在字标句点上。资产从 Galaxy 官网项目只读复制,未修改原项目。
Tokens
语义色板
Background
#050505
页面底色
Surface
#0b0b0b
面板
Surface 2
#111111
卡片 / 输入
Line
#2a2a2b
边框
Foreground
#f3f2ef
主文字
Muted
#a7a7a3
次级文字
Galaxy Ivory
#f3f2ef
主强调:按钮 / 选中 / 焦点
Verified · Sage
#7cc4b3
功能色:已核验 / 真实数据 / 与你有关
Galaxy Red
#d64640
只用于品牌句点与短线
Ivory Section
#eeeee9
Galaxy 反白区
Up
#F0525C
上涨(A 股红涨)
Down
#22B573
下跌(A 股绿跌)
Warn
#F2B544
演示 / 待确认
Risk
#FF8A4C
风险强调(与涨跌分离)
Typography
字体与数字
先理解你
标题 20 / Semibold
正文 14 / Inter(Galaxy)+ 中文系统无衬线
辅助 12 / Muted
3.968 +1.27% 12,345.60
标题沿用 Galaxy 的紧排大写英文;数字使用 Geist Mono 等宽表格数字(tabular-nums),保证行情列对齐。
Components
控件
演示数据 · 非实时虚构BrandTealRisk涨跌高关注低关注
Slider40