设计工具与终端同步UI样机

一款精致的16:9 SaaS产品发布UI样机，展示设计工具与CLI终端的实时同步。全幅采用温暖的珊瑚橙色背景，居中放置带有柔和阴影的米白设计画布，上方局部叠加数个界面面板。 布局与元素： 1. 左侧编辑器面板：米白圆角侧边栏，标题为“Playground Crowdfunding Page”，最左侧为圆形应用图标，最右侧为铃铛图标。顶部操作栏包含“Edit”、“Discard”和珊瑚色“Save”按钮。三个标签页：“Simple”（激活状态）、“Pro”、“Code”。紧凑的9图标工具栏：选中指针、光标、矩形、网格/十字、圆形、文字T、铅笔、撤销、重做。带标签的检查器面板：Text、Typography（字体“Poppins”、字号“36 px”、颜色“#1A1714”、字重“Bold”、斜体、下划线、删除线、对齐、行高“1.35”、大小写“none”、字距）、Appearance（背景“None”、圆角“0px”、溢出“visible”、不透明度“1”、z轴“auto”）以及Border。 2. 中央网页画布：顶部为3个彩色圆点（绿、黄、红）构成的标志，后接“[Maple Grove Park]”。下方为浅绿色胶囊标签，带绿色小圆点，文字为“[A neighborhood project on Elm Street]”。醒目的深墨绿色大标题被细蓝框与4个方形角控制手柄选中：“[Let's build a playground our kids will never forget.]”（分为四行）。标题下方为较小的灰色正文，开头为“Maple Grove's old play structure came down last spring. Together, we can replace it with something”。 3. 右侧捐款卡片：白色圆角卡片，右边缘微裁切，包含蓝色虚线选中的金额框“[$61,240]”、绿至青柠渐变进度条、状态栏“72% funded”与“312 neighbors”，以及大型圆角绿色按钮“Chip in today”。 4. 悬浮终端窗口：右上角黑色macOS风格终端，圆角带阴影，左上角红黄绿三色圆点。标题栏显示“temp — claude — 64x22”。左侧显示橙色像素艺术吉祥物图标。等宽终端文字包含“Claude Code v2.1.176”、“claude-opus-4-8”、“~/temp”、“? for shortcuts”，以及末尾带光标的命令行“/design-sync Push my design components to Claude Design”。 风格：现代SaaS矢量UI展示，清晰的Figma与macOS美学，极度锐利的排版，柔和微妙阴影，无人物，无水印。