01
选一个场景，
选一个场景，
看看它的样子。
教程、活动、应用、内容排版。
点开页面，直接浏览和体验。
- 教程页面 · 基础模板从分栏首屏到内容章节，查看教程页的基础骨架。TUTORIAL TEMPLATE
- Design Skill 拆解把审美写成操作手册，一页讲清设计系统的工作方式。DESIGN WALKTHROUGH
- 活动页 / Landing深浅面板交替，感受一场活动邀请的视觉节奏。EVENT & LANDING
- App 型 / 功能型在应用界面里，体验导航、内容组织与日常交互。APP INTERFACE
- 小红书图文卡片3:4 图文排版，浏览整组卡片，并体验 PNG 导出。SOCIAL CARDS
- 公众号排版杂志编号、清晰标题与段落，让长文章更有阅读节奏。WECHAT EDITORIAL
- 布局 Playground分栏、时间线、侧栏与面板，逐个浏览布局组合。LAYOUT PLAYGROUND
- 组件库全览从文字、按钮到交互卡片，看看构成页面的每个零件。COMPONENT LIBRARY
02
从模板开始。
看过成品，再打开基础结构。
挑一个适合你的场景，看看页面如何组成。
App 模板
侧栏、主内容区与基础交互，搭起一个功能页面。
查看模板图文卡片模板
封面、正文与收尾，组成一组可导出的 3:4 卡片。
查看模板Landing 模板
从首屏介绍到行动入口，搭起一张活动邀请页。
查看模板公众号模板
文章标题、内容章节与作者签名，整理长文的阅读层次。
查看模板教程模板已收录在上方演示目录的第 01 项。活动日期、嘉宾与数据均为演示内容。