GUHWOO

登记表 · 持续更新 · v2

AI slop 图鉴:39 个破绽

每个用 AI 生成过落地页的人都见过这种感觉:页面没哪里出错,但一眼假。原因是模型在按训练数据的统计平均值出招,而那个平均值收敛得非常窄。下面是 Guhwoo 扫描器实际跑的 39 条指纹,其中 18 条是强信号。

这不是一篇「AI 味」随笔,是产品里那张登记表本身。每条都是可程序化检测的:扫描器在真实 DOM 和计算样式上判定,命中即按权重计入 slop 指数(命中权重 / 活跃规则总权重 × 100)。想直接看自己的站命中哪几条,用 免费检测器

色彩 6

靛蓝→紫渐变 color-indigo-violet-gradient

AI 生成页的头号色彩指纹:v0 / ChatGPT / Claude / Framer AI 的默认输出,几乎全落在 230–290° 这段蓝紫色相的对角渐变上。

怎么改: 从产品实物取主色——logo、截图、摄影里的颜色;或改单色 + 中性底。

渐变文字标题 color-gradient-text

background-clip:text 渐变标题是 AI 表达「高级感」的默认动作;人类排版里极少把整句标题灌进渐变。

怎么改: 标题回实色,层次交给字号、字重和留白。

径向光晕 blob color-radial-glow-blob

hero 背后的模糊光团不承载任何信息,是生成页用来填充空虚感的默认装饰道具。

怎么改: 直接删掉;空间感交给真实内容(截图、插画)或留白本身。

配色锁死 Tailwind 默认值 color-tailwind-palette-lock

页面颜色大量命中 Tailwind 出厂色阶原值——意味着从头到尾没发生过一次调色;人做的东西至少带品牌偏移。

怎么改: 哪怕只自定义主色和文字灰两个值,也立刻和默认拉开距离。

slate-900 深色底 color-dark-slate-base

#0f172a / #1e293b 是 Tailwind slate 的出厂深底,AI 深色页几乎必选它,而不是一个真正中性的深色。

怎么改: 调一个自己的深底:往品牌色相偏一点,或干脆用中性的近黑。

默认奶油底 color-cream-default

暖奶油/米色页面底成了新的「有品位」反射动作——和蓝紫渐变一样,是伸手就来的默认,不是从色板推导的选择。

怎么改: 底色从你的色板推导;不是安全的暖白。

字体排印 4

全站单一无衬线 type-inter-everywhere

Inter / Geist / Poppins / Space Grotesk 一把梭是 AI 的默认字体栈;全站只有一族字体,等于「字体搭配」这个决策从未发生。

怎么改: 标题与正文分家:标题换一款有性格的字体(衬线、窄体或品牌字),正文可以保守。

大标题负字距 + 重字重 type-tight-tracking-heading

「大而紧而粗」(负字距 + 700/800 字重)是 AI 标题的固定排版公式,叠加 Inter 时同质化最重。

怎么改: 字距该跟字体走:换了字体就重新定,而不是默认 −0.03em。

眉题小标签 type-eyebrow-kicker

大标题上方的小号全大写/加字距标签(或同形胶囊 chip)是 AI SaaS hero 的默认开场白;逐节重复出现时,整页变成编辑部脚手架。

怎么改: 删掉眉题,把信息并进标题;或改成真实的面包屑/栏目系统。

斜体衬线大标题 type-italic-serif-hero

超大号斜体衬线 hero 单看是品味,但已成 AI 创业落地页的统一开场(Instrument Serif 一波尤甚)。

怎么改: 改正体,或换非衬线展示字体;编辑刊物语境可自证例外。

布局 3

三卡片一排 layout-rule-of-three-cards

功能永远凑成三个等宽卡片,是最强的结构套路——内容被塞进模板,而不是模板服务内容。

怎么改: 按真实内容重排:主打一个,其余降级;打破等宽。

01/02/03 章节编号 layout-numbered-sections

展示型章节编号(01 / 02 / 03)是比眉题更深一层的 AI 编辑部脚手架;编号只有在内容真是序列时才成立。

怎么改: 不是步骤就删号;是步骤就给出真实的顺序语义。

形状 3

全站大圆角 shape-everything-rounded

大多数盒子共用同一档大圆角、全页找不到直角,说明圆角是默认值而不是形状决策——形状失去了对比。

怎么改: 定 2–3 档圆角,并刻意保留一些直角,让曲率有层级。

全圆角胶囊 shape-pill-radius-9999

border-radius:9999px 是 Tailwind rounded-full 的直译;按钮、徽章全部胶囊化,说明默认值直接出厂了。

怎么改: 主控件改有限圆角(4–10px 档);胶囊只留给小标签。

小卡大圆角成团 shape-blob-overround

小卡片上 24px+ 的圆角把卡片、区块、输入框全揉成同一种软团子。

怎么改: 卡片圆角封顶 12–16px;全胶囊只留给标签和按钮。

组件 8

玻璃拟态卡片 comp-glassmorphism

磨砂模糊 + 半透明底 + 白描边三件套,是 v0 / Claude / Framer AI 组件的标志性默认效果;人做设计通常只留给一两个关键浮层。

怎么改: 大部分卡片改实色面板;磨砂最多留给一处真正需要透出底层的浮层。

渐变胶囊主按钮 comp-gradient-pill-button

「渐变填充 + 全圆角 + 悬停上浮」是 AI 主按钮的固定公式,几乎逐字出现在每个生成页上。

怎么改: 主按钮改实色、圆角收进品牌几何;胶囊留给标签。

渐变方块里的 emoji 图标 comp-icon-in-gradient-square

「渐变圆角方块 + 居中 emoji」的特性图标同时暴露两件事:没有图标系统、没有调过色——生成页最易识别的组件之一。

怎么改: 换成一套统一的线性 SVG 图标,底色从内容色板取。

图标方块压标题 comp-icon-tile-over-heading

小圆角方块图标 + 正下方标题,是所有生成器共用的特性卡模板——每个生成器都产出这个一模一样的形状。

怎么改: 图标与标题并排,或让图标不带容器直接入流。

侧边彩条卡片 comp-accent-stripe-card

卡片一侧压一条粗彩边——alert 样式泛滥到普通卡片,是生成式 UI 最易识别的手势之一。

怎么改: 收细或删掉彩条;强调用留白和字重做。

粗彩边 + 大圆角 comp-thick-border-rounded-card

粗彩色描边和大圆角互相打架——两种「强调」手段叠在同一张卡上,是没做取舍的默认输出。

怎么改: 二选一:要么描边,要么圆角。

幽灵卡:发丝边 + 大柔影 comp-ghost-card

1px 发丝边叠宽大柔影是生成式 UI 的复现签名——边界和海拔两种语言同时在说。

怎么改: 定一个:清晰边界,或柔和海拔,不要同时。

卡中卡 comp-nested-cards

卡片套卡片制造视觉噪声和多余深度,是生成式布局填充层级的惯用手。

怎么改: 拍平:用间距、字级、分隔线代替嵌套容器。

图标 1

emoji 当功能图标 icon-emoji-as-icons

🚀⚡🔒✨ 顶替图标 = 没有图标体系;emoji 的渲染随平台漂移,也永远对不齐像素网格。

怎么改: 换统一 stroke 的 SVG 图标;emoji 最多留在语气里,不当界面元素。

效果 5

同一套柔影铺全站 effect-soft-shadow

全站共用同一套大模糊、低透明、带品牌色的投影——阴影没有海拔层级,只是气氛。

怎么改: 定 2–3 档阴影对应真实海拔;不浮起的元素不投影。

hover 统一上浮 effect-hover-lift

所有可点元素共用同一个 translateY(−2px) 上浮——组件库默认微交互,不是交互设计。

怎么改: 按元素语义分化反馈:色变、描边、位移各归其位;删掉无意义的上浮。

吸顶磨砂导航 effect-nav-blur-sticky

sticky + backdrop-blur 半透明导航是生成页的固定开头,与内容长短无关地出现。

怎么改: 内容不长就别吸顶;要吸顶,就给导航一个实底或真实的分隔。

深底彩色辉光 effect-dark-glow

深色底 + 彩色 box-shadow 辉光,是 AI 生成 UI 默认的「酷」感光效。

怎么改: 用克制、有目的的光;或干脆不用深色主题。

重复渐变条纹 effect-repeating-stripes

repeating-linear-gradient 条纹当表面装饰,是生成式 UI 的复现签名。

怎么改: 要么用有意图的真实纹理,要么让表面干干净净。

动效 2

回弹缓动 motion-bounce-easing

界面元素带回弹/弹簧缓动(对话框弹入、卡片过冲)显旧且廉价,是生成动效的默认炫技。

怎么改: 界面动效平滑 ease-out(quart/quint/expo);弹簧物理留给真实物理的东西。

图片 hover 缩放/旋转 motion-image-hover-transform

悬停时图片放大或旋转,是生成式 UI 的复现签名。

怎么改: 让图片安静;交互反馈换更克制、有目的的方式。

文案 7

空心赋能动词 copy-elevate-supercharge

Elevate / Supercharge / Empower / World-class……情绪拉满、信息为零,是 AI 营销文案的第一指纹。

怎么改: 换成具体能力与数字:它做什么、快多少、省几步。

万能填空句 copy-all-in-one-modern-teams

「The all-in-one platform for modern teams」换成任何产品都成立——所以它对你的产品什么都没说。

怎么改: 一句话讲清:给谁、解决什么、凭什么是你。

「未来的 X」式升华 copy-future-of-work

the future of work / next-generation / reimagine 是 AI 最爱的空洞升华——删掉之后语义不损失分毫。

怎么改: 删掉升华,用现在时写事实。

编造整数据 copy-fake-round-stats

10,000+ / 99.9% / 4.9★ 三连是生成页的默认信任道具——整齐得可疑。

怎么改: 用真实数字,哪怕它小;还没有,就先别放。

通用 CTA copy-cta-get-started

Get Started / Start free trial / Book a demo——按钮文案收敛到默认词表最顶端的那几句。

怎么改: 把动作的结果写进 CTA:「生成你的第一个 X」比「Get Started」信息多一倍。

破折号成瘾 copy-em-dash-overuse

同一段正文里连着出现的破折号是 AI 文案的节奏指纹——模型最爱的停顿方式。

怎么改: 换逗号、冒号、句号或括号。


怎么用这张表

不要把它当成禁令表。渐变本身没有错,Inter 也是一款好字体——问题在于这些是默认动作,是在没有人做过任何决定的情况下出现的东西。命中一条不代表页面差,代表那个位置还没有人下过判断。

实操顺序:先清强信号(色彩和效果那几条改动最小、观感变化最大),再处理布局和组件,最后是文案。

扫描我的网站看看 Guhwoo 编辑器