发现
购物
消息 3
我
推荐分类
推荐 穿搭 美食 彩妆 影视 职场 情感 家居 旅行 健身 读书 科技数码
关于我们 用户协议 隐私政策 侵权投诉 联系我们 © 行吟信息科技 (上海) 有限公司
1/9
春日法式碎花裙搭配
#初夏 ootd 法式碎花连衣裙 10 套示范｜小个子也能驾驭
薯 薯条小宇宙
38.6w
03:24
手冲拿铁 在家也能做
在家做拿铁 ☕ 这把意式机一年回本｜咖啡入坑指南
咖 咖啡里的猫
1.8w
极简家居
100 件断舍离
极简生活第 365 天｜我扔掉了哪 100 件东西，省了 1.2w
极 极简少女小蝉
24.5w
《被讨厌的勇气》读后感
读完《被讨厌的勇气》的我 终于把朋友圈关了
读 读书 ing 江树
9,684
LIVE
京都樱花季 · 正在直播
京都岚山｜樱花季实地探店 直播带你云赏樱 🌸
京 京都漫步小山
5.2w
1/6
28 天瑜伽日记
28 天瑜伽打卡日记｜从腰酸背痛到能劈一字马
瑜 瑜伽 daily 阿杏
3,128
妆教
温柔感裸妆教程
温柔系裸妆教程｜10 分钟出门，新手也能学会
妆 妆下日记 momo
12.4w
01:12
Mac mini M4 上手
Mac mini M4｜4999 块的小钢炮，真香警告
数 数码薯阿桶
6,842
1/12
一人食食谱 · 七日
一人食食谱合集｜不用开火 7 天不重样 还瘦了 2 斤
一 一人食小厨房
18.6w
极简素描
极简素描入门｜每天一根线条 30 天画出第一幅作品
绘 绘画日记本
1,284
攻略
大理 3 天 2 夜慢游
大理 3 天 2 夜慢游攻略｜避开人潮 看洱海日落
大 大理风很大
9.4w
情绪日记 03 期
坚持写情绪日记的第 100 天 我治好了 emo
情 情绪铺子小屋
2,866
1/7
通勤穿搭周历
170cm 微胖通勤穿搭周历｜显瘦显高 不踩雷
通 通勤穿搭事务所
15.2w
city walk
武康路漫步
#周末 city walk 上海武康路全攻略｜咖啡店 + 选物店地图
城 城里漫步指南
7,326
手账分享
入坑手账两年｜从一笔一画到一本可以反复翻的小书
手 手账食堂
3.8w
05:42
日式厨房收纳
租房党的日式厨房收纳｜100 块改造出干净台面
厨 厨房收纳师阿粒
4,562
护肤
敏感肌护肤心得
敏感肌爆痘自救｜停用 80% 护肤品 反而变好了
护 护肤实验薯
22.4w
1/8
秋日烤箱菜单
秋日烤箱菜单｜8 道一锅出 厨房新手也不会糊
烤 烤箱里的诗
5,948
海岛潜水日记
薄荷岛潜水 7 天｜从旱鸭子到拿到 OW 证 全流程花费
潜 潜水的小鱼丸
11.8w
影视
本周新片速递
本周新片不踩雷｜3 部冷门高分电影 收藏不亏
影 影迷日报
2,184
Part B · Design System Reference

## 小红书 Xiaohongshu · 设计语言

从 xiaohongshu.com/explore 的探索页提取的代币 token：品牌红 #FF2442 的红色锚点、PingFang SC 字体阶梯、瀑布流 16px 圆角白卡、999px 胶囊按钮 + 输入框、红色 heart icon + 灰色数字、左侧分类胶囊导航。Light-only，不做暗色模式。

View source ↗

### Color · 色彩

围绕一支招牌品牌红 #FF2442 展开：跟 TikTok 红 (#FE2C55) 不同，小红书的红更偏粉橘、更温暖。粉色 #FF6B9D 作为渐变伴侣，热门用橙色，等级/金币用金色。整体回避蓝紫 — 这是它与微信/微博/抖音的视觉区隔点。

Brand
Brand Red
#FF2442
Red Deep
#E91E3A
Pink
#FF6B9D
Rose Soft
#FFE8EC
Hot Orange
#FF6B35
Coin Gold
#FFC83D
Neutral · Status
Ink
#1A1A1A
Ink Muted
#666666
Ink Dim
#999999
Canvas Tint
#F7F7F7
Border
#EFEFEF
Trend Up
#00B578
Signature Gradient
Brand Red→Pink
135° #FF2442 → #FF6B9D
Cover · Rose
135° rose lifestyle
Cover · Sky
135° sky lifestyle

### Typography · 字体

中文 PingFang SC 优先，留 HarmonyOS 与 Noto Sans SC 兜底。笔记标题 14px / 500 weight 是绝对的视觉锚点 — 两行截断；正文 13–14 px 一致；hover 状态不放大字号，只抬升卡片。

Token | Spec | Sample
--- | --- | ---
--brand | PingFang SC · 700 · 21 · -0.5px · red | 小红书
--brand-tag | PingFang SC · 400 · 11.5 · #999 | 标记我的生活
--cat-tab | PingFang SC · 500/600 · 13.5 / 1.4 | 穿搭 · 美食 · 旅行
--note-title | PingFang SC · 500 · 14 / 1.4 · 2-line clamp · #1A1A1A | 春日法式碎花裙 10 套搭配示范
--author | PingFang SC · 400 · 12 · #666 | 薯条小宇宙
--like-num | HarmonyOS Sans · 400 · 12 · tnum · #666 | 38.6w · 1.8w · 9,684
--hashtag | PingFang SC · 500 · 14 · #FF2442 | #初夏 ootd

### Radius · 圆角

笔记卡 r-xl 16px，按钮 / 输入框 / 胶囊导航 pill 999px，封面右上角徽章 pill — 「大胶囊 + 16px 卡」是这套设计语言的节奏感来源。

r-xs
4px
r-sm
6px
r-md
8px
r-lg
12px
r-xl ★
16px
r-2xl
20px
pill ★
999px

### Components · 组件

胶囊按钮（红填色 / 描边白底） · 圆形搜索按钮 · 黑色 active 胶囊分类（不是红） · 红心 + 灰色数字（仅在 active 状态下变红）· 实时 LIVE 红徽章带白点闪烁。

##### Buttons · CTA

悬浮发布 FAB

##### Search · Input

##### Tags · Like · Badges

薯条推荐 热门 优质创作者 已关注 私密笔记
#初夏 ootd #一人食 #city walk
38.6w
9,684 LIVE
View source ↗ xiaohongshu.com/explore