YOUNG & ENERGY · 黄蓝撞色

星辰台球联盟
设计系统

一套基于 Apple HIG · Material 3 · TDesign · Ant Design 的权威范本,以「黄蓝」品牌 token 展开的完整 UI 规范。移动 H5 与微信小程序同源对齐。

#0068C4#0B3D91#FDD604tabular-nums44px 触控

基础 FOUNDATIONS

◧设计令牌 Tokens

色彩 · 字阶 · 间距 · 圆角 · 阴影 · 层级

› ✦原则与范式

设计原则 · 中国式交互 10 条 · 动效 · 可达性

›

组件 COMPONENTS

▮按钮 Button

主/点睛/次级/描边/文字/危险 · 全状态

› ✎表单 Form

输入 · 选择 · 开关 · 复选 · 步进 · 评分

› ☰导航 Navigation

顶部栏 · 底部 Tab · 分段 · Tabs · 步骤条

› ▦数据展示 Display

卡片 · 列表 · 标签 · 徽章 · 排行 · 骨架 · 空态

› ◉反馈 Feedback

Toast · Dialog · ActionSheet · 下拉刷新 · 加载

› ➤操作与浮层 Actions

左滑 · 吸底 CTA · 分享 · 气泡 · 离线横幅

›

关于

本页是可视化参考(小型风格指南),配套规范文档见 docs/:基础 docs/foundations/、组件 docs/components/、模式与治理 docs/patterns/。品牌色值引用自主项目 docs/design/tokens.md(唯一事实源)。各页右上角 ◐ 可预览暗色 token 映射。