页面 Pages

由多个区块拼成的完整整页 —— 展示如何把区块组合成可上线的页面。代码即组合方式,复制后替换区块或调顺序即可。

SaaS 营销落地页

营销页

完整落地页:主视觉 → 信任墙 → 功能 → 数据 → 生态 → 口碑 → 定价 → 答疑 → 转化 → 联系,由 10 个区块顺序拼成。

定价页

营销页

聚焦转化的定价页:主视觉 + 定价表 + 常见问题 + 行动号召。

联系页

营销页

销售线索页:联系表单 + 常见问题 + 行动号召。

功能详情页

营销页

单功能深挖:图文交替 + 数据指标 + 口碑 + 答疑 + 转化,把一个能力讲透的范式。

集成生态页

营销页

页头 + 集成 Logo 网格 + 答疑 + 转化,展示与第三方工具连接能力的范式。

常见问题 / 帮助页

营销页

Accordion 答疑 + 联系表单 + 转化,自助帮助中心范式。

关于页

营销页

使命叙事 + 数据背书 + 团队网格 + 口碑 + 转化,讲清「我们是谁」的公司页范式。

博客列表页

营销页

页头 + featured 大卡 + 文章卡网格,内容营销 / 工程博客的入口页范式。

博客文章页

营销页

文章头(分类 / 作者 / 日期) + Prose 排版正文 + 订阅转化,单篇阅读(叙事案例)范式。

博客文章页 · 长文指南

营销页

左正文 + 右 sticky 目录的长文版式 + 订阅转化,与叙事案例版式并列的博客文章页变体。

更新日志页

营销页

页头 + 版本时间线(新增 / 修复 / 优化 分类),持续向用户同步产品变化的范式。

中后台仪表盘页

应用骨架

页头 + KPI 指标卡排 + 图表网格 + 近期数据表,由 4 个应用区块组合的概览页。

中后台列表页

应用骨架

页头 + 数据表格(查询工具栏 + ProTable + 行内操作),资源管理最常见范式。

设置页

应用骨架

页头 + 设置分区(Tabs 导航 + 表单 + 开关项),账户 / 团队 / 偏好配置范式。

登录页

应用骨架

左品牌叙事面板(Spotlight + 卖点)+ 右 LoginForm 表单的经典分屏登录范式。

异常 / 结果页

应用骨架

居中状态图标 + 标题 + 说明 + 操作,404 / 403 / 500 / 成功统一范式。

商品列表页

电商 / C 端

频道标题 + 分类标签 + 商品网格,C 端选购入口页范式。

商品详情页

电商 / C 端

商品详情(轮播主图 + 规格 + 加购)+ 评价区,下单转化的核心页范式。

个人中心页

电商 / C 端

会员资料卡(指标 + 订单 Tabs)+ 近期动态时间线,C 端账户主页范式。

AI 对话页

AI 应用

完整对话面板(消息流含推理 / 工具调用 / 引用 + 底部提示输入),AI 助手应用主页范式。