禅意作品集
设计一个禅意作品集网站。背景使用类似和纸的暖灰白色 #f5f0e8；强调色使用低饱和鼠尾草绿 #8b9a7b 与木炭色 #3a3a3a。标题使用细无衬线体，正文使用舒适的衬线体，行高设为 2.0。采用单列布局，最大宽度 720px，各区块之间保留 120px 的宽裕垂直间距。导航只保留横向文字链接，悬停时播放轻微的毛笔下划线动画。图片使用自然长宽比通栏显示，不使用圆角。日式美学设计提示词
日式美学设计汲取数百年的原则，如侘寂（不完美之美）、间（负空间）和禅的简约。在网页设计中，这体现为充足的留白、自然材质纹理、柔和的大地色调配板、不对称但平衡的构图，以及宁静的有意为之感。每个元素都有呼吸空间，创造出冥想般而非忙碌的界面。
v0 侘寂风格
使用 shadcn/ui 创建侘寂风格博客。整体采用温暖且保留手作痕迹的视觉：背景为灰白色 #faf6f0，边框可使用低调棕色的虚线或点线，分隔线用带手绘感的 SVG 波浪线。标题使用衬线体，正文使用无衬线体，文字统一为暖木炭色 #4a4540。卡片使用纸张质感背景并加入轻微纹理，不使用尖锐的几何形状。页面包含文章列表、关于页和采用自然砖石布局的简洁照片库。Cursor 禅意花园
在 Next.js 中构建禅宗花园冥想应用。色板为石色 #e8e2d8、苔藓色 #7d8b6e、竹色 #c4a961 和墨色 #2d2d2d。加入使用 SVG 与 CSS animation 的动态耙沙图案、带 fade-in 过渡的每日语录、带圆形动画的呼吸计时器，以及使用简洁图标按钮的环境音控制。遵循 Ma 原则，为内容保留最大留白。所有动画都应缓慢而克制，使用 600ms+ duration 和 ease-in-out。不要装饰性边框，只用轻微分隔线组织内容。Claude 水墨风格
生成具有日本水墨（sumi-e）美学的 React 组件。使用带暖色倾向的灰度色板 #1a1a1a 到 #f5f0e8；分隔线采用由有机曲线 SVG path 绘制的墨刷笔触；文字层级通过 100%、70%、40% 的墨色 opacity 区分。组件包括 PageSection（遵循 Ma 间距）、InkDivider（装饰分隔线）、FadeInOnScroll wrapper 和 QuoteBlock（支持日语引文的竖排文字）。间距尺度为 16、32、64、96、128px。所有过渡都应像笔触一样自然，使用 400ms duration 与略带缓出的 easing。旅馆预订页
为传统日式旅馆设计预订落地页。背景使用和纸灰白色 #f7f3ec，文字使用 sumi 木炭色 #2f2b28；链接使用靛蓝色 #264573，预订按钮使用抹茶色 #7d8b6e。hero 放置通栏照片，右侧边缘安排竖排日文标题，并用 1px #d8d0c2 的细线框住预订卡。日期和住客字段使用仅有下划线的 input，高度 48px，标签为 13px 并增加字母间距。区块之间保留 120px 留白；房间卡采用两列网格、4:3 照片和 22px 衬线标题。Reserve 按钮使用深色抹茶 #5c6b4f 搭配白字，确保对比度达到 4.5:1。v0 茶品牌商店
使用 shadcn/ui 创建日本茶电商店面。色板为 kinari 基底 #f5f0e8、sumi 文字 #1f1d1a、hojicha 棕色 #8a6f52；sakura #e8c4c4 只用于季节徽章。商品网格为 3 列，间距 48px；商品图片使用方形比例，放在带纸张纹理的卡片中；商品名使用 18px 衬线体并设置 0.05em 字母间距，价格使用轻量无衬线体。商品详情页采用单列 max-w-2xl，冲泡说明使用行高 2.0 的有序列表，温度与浸泡时间放入带边框的规格表。购物车 drawer 使用 500ms ease-out 滑入。按钮使用 1px #1f1d1a outline，悬停时在 300ms 内填充；每张商品图片都提供 alt 文本。Cursor 俳句日记
在 Next.js 中构建俳句日记应用。页面采用居中单列，最大宽度 560px，背景为 #faf7f0。每条记录不使用边框，只以 96px 垂直留白和小型手绘 SVG 点饰分隔。Haiku 文本使用 20px 衬线体、2.2 行高、居中对齐和 90% opacity 的墨色 #33302c；日期置于下方，使用 12px、带字母间距的 #9a938a。创作视图使用无边框 textarea，并显示 5-7-5 音节计数；只有超出时计数才变为 #b0543f，同时显示文字提示，不能只依赖颜色。保存后播放 700ms 的墨迹淡出过渡。展示可选 writing-mode: vertical-rl 竖排模式；键盘快捷键放在简洁帮助面板中。Claude 禅意冥想移动应用
使用 TypeScript 在 React 中生成 React Native 风格的移动冥想 UI。提供今天、计时器和历史记录三个屏幕；今天屏幕只显示一张会话卡，不放其他内容。色板为石色背景 #ece7dd、苔藓色 #6f7d62、墨色 #2d2a26，并为每个屏幕的单一 primary action 使用暖色 kitsune #b39355。计时器屏幕显示 2px 圆形进度环，按会话时长播放动画；剩余时间使用浅色 48px 衬线体居中，遵循 Ma 原则保持画面纯净。历史记录用纵向列表展示每天的实心或空心小圆点，并为屏幕阅读器提供日期 label。所有动效使用 600-800ms ease-in-out；在 prefers-reduced-motion 下改为 opacity 淡入淡出。触摸目标至少 48px。常见问题
网页设计中的侘寂是什么？
侘寂将日本发现不完美之美的哲学转译到数字设计中。它使用有机纹理（纸、石、织物）、柔和的自然色彩、不对称布局、手工制作感的排版、以及刻意的「不完美」如略微不规则的边框或手绘元素。它在像素完美的企业设计的对比下创造温暖感和真实感。
如何在网页设计中运用间（负空间）？
间不是空白空间，而是有意图的呼吸空间。应用方法：使用更大的区块间距（80-120px 而非 40-60px）、限制内容宽度（阅读用 600-720px）、避免用内容填满每个区域、使用充足的行高（1.8-2.0）、留出视觉暂停点让眼睛休息。在 Tailwind 中：区块用 py-24 md:py-32，文字用 leading-relaxed 或 leading-loose。
哪些颜色适合日式美学设计？
日本传统色（日本の伝統色）提供丰富的配色：生成（生丝白 #f5f0e8）、墨（墨黑 #1a1a1a）、抹茶（茶绿 #7d8b6e）、樱（樱花粉 #f0c0c0）、蓝（蓝色 #264573）、狐（狐棕 #c4a961）。使用柔和、低饱和度的版本，以暖中性色作为主导色调。
哪些字体适合日式美学网页设计？
拉丁文字部分，标题用轻盈的人文衬线（Cormorant Garamond、EB Garamond 的 300-400 字重），UI 用安静的无衬线（Zen Kaku Gothic New、Noto Sans 的 300-400）。日文部分，编辑内容用 Noto Serif JP，界面用 Zen Kaku Gothic；Shippori Mincho 更具古典气息。关键设置比字体本身更重要：行高 1.9-2.2、标题字距 0.02-0.05em、字重很少超过 500、正文 16-18px。避免厚重的几何无衬线——它们机械的均匀感与有机手工的调性相冲。
日式极简与西方极简有何不同？
西方极简（瑞士/包豪斯血统）是向几何秩序做减法：严格网格、纯白 #ffffff、锐利的黑、对称、无衬线的精确。日式极简是带温度的留空：米白纸色（#f5f0e8）、不对称平衡（主图偏向一侧，剩余空间由「间」填满）、有机纹理、衬线与笔触感细节、更慢更柔的动效（500-800ms 对比 150-250ms）。实际来说：瑞士极简用 12 列网格铺满页面；日式极简可能只用一列 60% 宽度，刻意的空白与内容本身承载同等的意义。