Style Detail · 04 / 15
Calm metrics,
cozy grids.
极简 bento·暖灰底·产品 landing / 个人主页 / 简介·让数据卡片自带温度·没有 dashboard 的硬·没有创意页的喧。
Total Revenue · MTD
$847K
+12.4% vs 上月·按当前节奏全年 $10.2M
Active Users
12.4K
Conversion
3.8%
Avg Session
4m 12s
Net Score
+72
C 风格 DNA
FIT · 适用场景
- 产品 marketing landing
- 个人作品集 / portfolio
- SaaS 概览页 / 简介
- 极简 dashboard 摘要
- blog homepage / index
UNFIT · 不适用
- 严肃 B2B 工具型 dashboard
- 复杂数据密集场景
- 童趣 / 高饱和品牌
- 创意 demo / 实验
KEYWORDS
bento 是 ratio + 留白的游戏·不是按格子堆。
暖灰bento圆角 12无阴影marketing 倾向Onest
D 工艺细节 4 件
调色板01 / 04
暖灰主基调·1 个深棕 anchor·1 个 cream 中间层·1 个 mustard accent（不滥用）。关键·不走灰阶冷调。
#FAF6F0
#EDE5D8
#D4CFC4
#8A6D2A
#6B6358
#2A2620
#FFFFFF
#E5DFD2
字体系统02 / 04
Onest·新生代 geometric sans·圆润但克制·替代 Inter / Geist 做暖调首选。Mono 仅 metadata。
DISPLAY
Onest 600
BODY
Onest Regular · 16px
META
JetBrains Mono · data
间距系统03 / 04
4pt 系统·bento 间 gap 16px·card 内 padding 24px·section gap 96px·每个 bento 内呼吸感比格子数更重要。
视觉特征04 / 04
- 圆角 12px·全局统一·硬性
- 无 shadow·只用 border-color 加深
- bento 主格 2x2 子格 1x1·ratio 2:1
- 大数字 + 小副标·tnum 等宽数字
- 暖灰底色 + 1 anchor 深棕 + 1 accent 金
- Hover 微 translateY(-2px)·不 scale
E 跟 CC 对话用语 核心交付物
STD
按 minimalist-bento 风格做这个 landing / 产品介绍页 / 个人主页
VAR
走 minimalist-bento + bento 格子再多一行 / accent 换橄榄绿 / 留白再大
MIX
主框 minimalist-bento + 局部 apple-hig-product 的按钮组件
CC 收到这个 style ID 会自动·
加载
frontend-design + typography reference·按本页 4 件 craft 实现·**不会冒出**·shadow 弥散 / 灰阶冷调 / 玻璃拟态 / SF Pro·这些是 minimalist-bento 的 DON'T。
F 组件示例 实物可点
Total MRR
$28,492
+12.4% MoM · projecting $342K ARR
DAU
1.2K
+8.4%
Trials
47
+3
Churn
2.1%
+0.3%
NPS
62
stable
BUTTON
CARD
Monthly Revenue
$28,492
+12.4% vs prev
HERO TYPE
Build slowly,
ship calmly.
ship calmly.
A studio of one — making things on purpose.
G 相关 skill
I 相似风格·看完也许你还想看
Continue
Apple HIG 产品
apple-hig-product
同为marketing + 克制 + 圆角友好·区别·SF Pro + 蓝 accent + 厚 20px 圆角 vs 暖灰 bento + Onest + 12px 圆角
MRR$28,492+12.4%
PPVI 克制优雅
ppvi-elegant
同为克制 + 中密度 + 软调·区别·灰阶冷调 + 玻璃 + B2B 工具 vs 暖灰 bento + marketing 调性
AGENCY
→ Get in touch
高端代理
high-end-agency
同为refined + 大留白·区别·黑白 + 大 serif + 顾问公司 vs 暖灰 + sans + bento 网格