| 1 | 东京夜是深夜两点屏幕前的视觉独白——深邃的蓝黑底幕上,青色光晕从角落浮起,如同东京深夜便利店的灯光。这不是白天的风格,这是属于那些在夜色中写代码、调参数、追 bug 的人的美学。安静,但充满能量。 |
| 2 | |
| 3 | ## 配色 |
| 4 | 标题 #e2e8f0 冷白、正文 #cbd5e1 灰白,强调色 #22d3ee 亮青与 #3b82f6 蓝色是深夜屏幕上的两种光。背景 radial-gradient(circle at 20% 0%, #1e293b 0%, #0f172a 50%, #020617 100%) 从深灰蓝到近乎纯黑,模拟无月的夜空。卡片 rgba(15,23,42,0.72) 是半透明的暗色,边框 rgba(148,163,184,0.22) 如远处的霓虹。 |
| 5 | |
| 6 | ## 排版 |
| 7 | 等宽或现代无衬线字体,带有一点技术感。代码片段可以用代码块风格展示。标题清晰但不张扬,正文保持良好的暗底对比度。 |
| 8 | |
| 9 | ## 布局 |
| 10 | 暗色卡片浮在更暗的背景上,层级靠微妙的亮度差和边框区分。代码和终端输出可以作为视觉元素出现,但只在内容需要时使用。整体布局像 IDE 的暗色主题——熟悉、舒适、高效,同时避免多面板或密集日志堆叠。 |
| 11 | |
| 12 | ## 动画 |
| 13 | fade-up、stagger-list、glitch-in |
| 14 | |
| 15 | ## 适合场景 |
| 16 | 技术分享、基础设施演讲、开发者社区 Meetup、深夜编程直播——属于程序员的美学场合。 |
| 17 | |
| 18 | ## 不要 |
| 19 | - 不要使用暖色调 |
| 20 | - 不要让文字对比度太低(暗底上字要够亮) |
| 21 | - 不要使用过多装饰性元素 |
| 22 | - 不要试图让暗色风格变得「活泼」 |
| 23 |