Design Tokens

色彩与渐变

ReCloud Studio 品牌色度刻度与 180° 垂直天蓝渐变，配合克制的中性语义色层级，构成整个组件库的视觉基底。

从天蓝到深品牌蓝的连续刻度，用于渐变节点与强调背景。

brand-50#C8E0FD

brand-100#9BC5FE

brand-200#70ACFE

brand-300#417BDF

brand-600#3069C9

brand-700#1E63CE

规范定义的 180° 渐变，用于品牌区、卡片头与英雄背景。

180° Vertical Brand Spectrum0% #C8E0FD → 25% #9BC5FE → 50% #70ACFE → 75% #417BDF → 100% #3069C9

卡片头渐变 --brand-gradient-card：0% #70ACFE → 100% #3069C9

.brand-gradient {
  background: linear-gradient(180deg,
    #C8E0FD 0%, #9BC5FE 25%, #70ACFE 50%, #417BDF 75%, #3069C9 100%);
}