| 1 | 极光是封面页的梦中情「风」——翠绿、蓝紫、靛蓝的多色渐变融化在模糊里,如北极的夜空中飘动的极光。这个风格天生就是为了封面、CTA和结语页而存在的。它不需要承载大量内容,它只需要让第一眼和最后一眼都美到让人屏住呼吸。 |
| 2 | |
| 3 | ## 配色 |
| 4 | 标题 #1e1b4b 深靛、正文 #312e81 靛蓝,强调色 #4f46e5 靛紫与 #06b6d4 青蓝是极光中的两种光。背景 linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 30%, #6366f1 60%, #a855f7 100%) 是翠绿到蓝紫的四段渐变,如极光的色彩。卡片 rgba(255,255,255,0.55) 高度透明,边框 rgba(255,255,255,0.4) 是半透明的白色描边。 |
| 5 | |
| 6 | ## 排版 |
| 7 | 现代无衬线字体,标题大且居中,字号可以铺满画面。正文极简,每页不超过两行。文字浮在渐变之上,可以带模糊背景增强可读性。 |
| 8 | |
| 9 | ## 布局 |
| 10 | 全屏渐变是布局本身。内容居中,大面积的极光色彩作为背景。不需要传统的卡片布局,让文字直接融入极光中。 |
| 11 | |
| 12 | ## 动画 |
| 13 | blur-in、gradient-flow、shimmer-sweep |
| 14 | |
| 15 | ## 适合场景 |
| 16 | 封面页、CTA 页、结语页、活动开幕——需要让第一眼就惊艳、最后一眼就难忘的场合。 |
| 17 | |
| 18 | ## 不要 |
| 19 | - 不要用于正文密集的内容页 |
| 20 | - 不要用硬边框或锐利布局 |
| 21 | - 不要让文字量超过极光的美 |
| 22 | - 不要用深色背景破坏极光的梦幻 |
| 23 |