设计系统参考
这一页把站点的设计令牌摆出来,方便对照检查整套视觉系统。
颜色
brand
brand-dark
brand-hover
brand-light
surface
surface-card
surface-dark
neutral-900
neutral-700
neutral-500
neutral-300
neutral-100
排版
h1 / text-3xl 700普罗米修斯号 · Prometheus
h2 / text-2xl 700普罗米修斯号 · Prometheus
h3 / text-xl 600普罗米修斯号 · Prometheus
body / text-base正文示例 Body sample 0123456789
small / text-sm辅助文字 Caption sample
圆角
rounded-sm
rounded-md
rounded-lg
rounded-xl
组件示例
BadgeSecondaryOutline
动效
页面切换:250ms 淡出 / 350ms 淡入 + 上滑;缓动 cubic-bezier(0.4, 0, 0.2, 1);尊重 reduced-motion。