1 MIN 720
用 OKLCH 与 Tailwind v4 搭一套有温度的配色
放弃 HEX 拍脑袋配色,改用 OKLCH 定义品牌色与中性色,让界面既有辨识度又不刺眼。
Tailwind前端设计CSS
放弃 HEX 拍脑袋配色,改用 OKLCH 定义品牌色与中性色,让界面既有辨识度又不刺眼。
从"橘子味"的暖橙极简风,到深色 CRT + 像素切角的新美学,记录一次完整的设计系统重构。
为什么旧终端机的像素一个字都不会糊?CRT 扫描线、硬偏移阴影、字符画图标——一篇讲复古终端美学的视觉与工程。
移动优先、断点策略、容器查询——用 Tailwind v4 把响应式从"能用"做到"优雅",附真实项目的间距治理经验。
从 Tailwind v3 升到 v4,三个容易踩的坑:@theme 变量、阴影工具类生成、以及 oklch 色彩空间的适配。
媒体查询看的是视口,容器查询看的是组件本身;:has() 让 CSS 第一次有了"父选子"的能力。两个特性合起来,组件才能真正自适应。