Workbench 首页(Home)设计说明

本页用于 Workbench 的“产品化首页”展示:更像官网首页,而不是把所有资料堆在一页。

目标

  • 降低信息密度:首页只回答“NextUI 是什么、为什么要用、怎么开始用”。
  • 引导而不堆叠:提供少量关键入口(如设计变量、基础组件),其余内容在对应页面查看。
  • 文档式 Quick Start:以步骤说明 + 代码块为主,像文档一样可直接照抄。

页面结构(建议固定)

  1. Hero:标题、定位、1 个主 CTA + 1~2 个次 CTA(仅导航)。
  2. 设计目标(精简):最多 3 条(卡片或 bullet 均可),强调关键原则。
  3. 快速开始(文档式)
    • 步骤 1:引入 Design Tokens
    • 步骤 2:注册服务(如需要)
    • 步骤 3:使用一个组件(例如 SxButton

不做什么

  • 不展示“组件橱窗列表”:避免首页像“目录页/资料页”一样堆满信息。
  • 不做复杂交互面板:首页以展示与引导为主,交互留给具体组件页与 Playground。