今日发现 · Discover
看看大家正在种草什么
租房 50㎡ 的暖色客厅改造 — before / after 全记录
第三支才挑对 · 显白程度十级的口红种草清单
京都早春三日 · 在小巷里慢慢迷路也很好
为什么这样设计 · Why it looks like this
克制做底色,内容才是主角。
一个 --accent,一种 PingFang SC,
一套 rgba(0,0,0,*) 的浮层灰阶 —
其余空间,全部交给图片本身。
一屏只用一次的红
#ff2442 只出现在主要 CTA、心形高亮、
热门标签上。同一个页面里出现两次饱和红,画面就立刻
"降级"成了打折海报,而不是一张笔记。
从不使用纯黑
标题 rgba(0,0,0,.8)、正文 .62、
描述 .45、占位 .27 —
四级透明黑替代离散灰阶,同一个浮层落在白卡、照片、
抽屉上都成立。
能按的,一定是 pill
卡片 12px、按钮 9999px。
一个直角按钮在这套系统里立刻显得不对 —
层次靠间距和圆角,不靠投影。Shadow stays
off until hover earns it.
订阅每日灵感 · Daily inspo digest
每天一封 · 100 张被收藏最多的笔记。
No spam,no third-party,no enterprise tone.
一个邮箱,一个发布频率,仅此而已 —
我们用 --focus-ring 的 RED 红圈
提示你正在专注的输入框。
- 输入框背景使用
--bg(#F5F5F5),focus 时升到--surface。 - 提交按钮即
.btn-primary— 系统里只有一种红 CTA。 - 占位符使用
--meta,0.27 透明度的最弱一档。