流动网格渐变
多组 radial-gradient 叠成极光幕布，background-size 200% 让色彩有足够的漂移空间。
风格信息
- 类别通用 General
- 年代2020s 现代
- 复杂度中 Medium
- 最适合现代 SaaS · 创意机构 · 音乐平台 · Hero 区
风格特性
极光 UI 的三个关键视觉指纹，全部由 CSS 渐变与混合模式实现。
8–12 秒循环动画
极光层以 8s 与 12s 两个错拍的 transform 动画缓慢漂移，永不重复、永不打扰。
混合模式叠加
mix-blend-mode: screen 相互提亮，saturate(1.2) 增艳，色层交叠处泛出虹彩光晕。
按钮与控件
渐变主按钮悬停时色彩滑移并加深辉光，玻璃按钮亮起青色描边。
Beta 公测
新功能
PRO 专享
表单示例
半透明玻璃输入框，聚焦时亮起青色焦点环与辉光。
配色板
蓝—洋红—青的互补色三角，配夜空深底与星光白文本。
电光蓝
#0080FF洋红
#FF1493极光青
#00FFFF夜幕紫
#7B2FFF夜空底
#0B1026星光白
#F2F6FF字体级阶
Space Grotesk 展示标题 + Inter 正文的四档级阶。
极光在夜空流动
卡片小节标题
正文使用星光白，在夜空深底上保持远超 4.5:1 的对比度；极光只做背景氛围，从不干扰阅读。
Aurora Label · 标签样式