Design System Reference
This page lays out the site design tokens so the whole visual system can be checked at a glance.
Colors
brand
brand-dark
brand-hover
brand-light
surface
surface-card
surface-dark
neutral-900
neutral-700
neutral-500
neutral-300
neutral-100
Typography
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
Radius
rounded-sm
rounded-md
rounded-lg
rounded-xl
Components
BadgeSecondaryOutline
Motion
Page transitions: 250ms fade-out / 350ms fade-in + slide-up; easing cubic-bezier(0.4, 0, 0.2, 1); respects reduced-motion.