该技能是一个面向现代 Web 应用的新粗野主义视觉设计技能,目标不是复刻粗野主义建筑,而是把新粗野主义延伸到 SaaS 产品、电商、独立创作者平台和需要突出重围的创业 MVP 等数字场景。
用途方面,技能用于在构建界面时统一选择颜色、边框、阴影、字体与布局容器,形成高对比、扁平、硬朗的视觉系统。它强调硬阴影(模糊值为 0)、粗黑边框、高对比主色、有限配色和最少圆角。
主要能力体现在多组决策规则:按钮按主 CTA、次要、危险、幽灵四类给出底色、边框与阴影组合;卡片按 Hero、内容、数据、内联四级给出边框与阴影层级;输入框区分默认、聚焦、错误、成功状态,错误和成功需边框与阴影同色协调;布局容器区分页面 Hero、内容区、侧边栏、模态框的边框与阴影方案。字体搭配上,标题用 Archivo Black、正文用 Space Grotesk、代码数据用 JetBrains Mono,并按 SaaS 仪表盘、落地页、电商、博客等场景调整字号与可读性。响应式方面按移动、平板、桌面、大屏给出边框与阴影的缩放规则,并按元素重要性增减阴影。
资料还列出五类失败模式及修正:阴影带模糊值、使用渐变背景、边框过细或对比不足、同屏阴影样式超过三种、使用低对比柔和色。质量门槛包括阴影模糊为 0、文字与背景对比度不低于 7:1、全界面阴影不超过三种尺寸、边框不小于 2px、主元素使用高饱和强调色、无渐变和透明效果、交互元素有位移与阴影变化的悬停反馈、标题用展示字体、圆角不超过 4px、配色不超过五种。
使用方式为按上述决策树与质量门槛逐项选择组件样式,示例给出电商产品卡片的改造 CSS、SaaS 仪表盘用 CSS 变量统一阴影层级、以及表单错误与成功状态的边框阴影配色。
适用场景为需要强视觉辨识度的 SaaS 落地页与仪表盘、电商页面、独立创作者平台与创业 MVP。限制方面,技能明确不适用于玻璃拟态、Windows 3.1/95 复古风、新拟态软阴影、企业极简、渐变风格、医疗法律等需要平静感的界面以及需要细腻表达的数据可视化,这些应改用其他对应技能。资料未提供安装命令、收费方式或具体平台支持信息。