模块化功能网格
网格在任何屏宽下自动重排,每张卡只讲一个能力,扫一眼即可建立对产品的全局认知。
- 每卡聚焦一个卖点
- 48px 图标统一视觉锚点
- 移动端自动单列堆叠
auto-fit 网格 + 48px 图标 + 收益文案,悬停上浮 4 像素——功能富展示的三个视觉指纹。
网格在任何屏宽下自动重排,每张卡只讲一个能力,扫一眼即可建立对产品的全局认知。
标题写结果,正文才写功能——先告诉用户「能得到什么」,再解释「我们怎么做到」。
橙色标出用户痛点,绿色给出解决方案,一暖一冷的对照让价值主张不言自明。
悬停上浮与投影加深,是功能卡与按钮共用的交互语言。
告诉我们你最关心的功能,顾问会为你定制 30 分钟演示路线。
蓝紫承载功能,绿橙分饰收益与问题,中性灰负责分区节奏。
品牌蓝#2563EB
功能紫#7C3AED
收益绿#047857
问题橙#C2410C
墨石黑#0F172A
分区灰#F1F5F9
Space Grotesk 塑造科技感标题,Inter 保证长文案的可读性。
功能全景,一屏读懂
让每张卡片都在替你卖货
网格铺开能力,图标建立锚点,收益文案完成说服——交替的分区背景像呼吸一样控制着阅读节奏。
功能网格 · 收益文案 · 交替分区