H HuluVest中文投资分析工具

HuluVest 设计系统

HuluVest 的页面风格固定为简洁、清新、专业、可信。它是中文金融工具文档站和轻量分析工作台的结合，而不是营销型页面或金融大屏。

在本文中

设计原则

  • 优先服务计算、判断和学习。
  • 保持浅色、克制、清晰的数据层级。
  • 避免大面积渐变、玻璃拟态、装饰光球和暗黑金融大屏。
  • 所有金融提示必须避免构成投资建议。

颜色

主色使用深青绿，辅助色使用墨蓝和温和琥珀色。默认采用中文投资习惯：红涨绿跌。

--brand: #12685a;
--brand-2: #0b4f78;
--accent: #b36b18;
--gain: #c23b30;
--loss: #16805d;

字体

使用系统中文字体，不引入在线中文字体，保证加载速度和跨平台稳定性。

-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
"Hiragino Sans GB", "Microsoft YaHei", sans-serif;

图表

图表统一使用 ECharts 和 HuluCharts 公共配置。

  • 资产配置和风险配置使用环形图。
  • 收益走势和净值走势使用折线图或面积图。
  • 当前值和目标值对比使用柱状图。
  • 不使用 3D 图表或随机色板。

页面结构

工具页采用“指标摘要、说明文字、图表、表格”的稳定结构。文档页采用类似 GitHub Docs 的结构：左侧导航、面包屑、正文摘要、“在本文中”和正文分节。