HomeStylesTemplates
StyleKit
风格库动效模板
博客更新日志
  1. Home
  2. /UI Prompts
  3. /Neo-Brutalist Design Prompts
首页/提示词/新野兽派设计提示词

新野兽派设计提示词

用于创建大胆、原始、反设计界面的 AI 提示词,涵盖粗边框、硬阴影、无圆角和高对比色。

neo-brutalist design promptbrutalist web design promptbold UI design promptanti-design promptbrutalist Tailwind promptraw web design

关于此主题

新野兽派设计拥抱原始、未经打磨的美学,使用大胆的黑色粗边框、硬边缘阴影、零圆角、高对比色彩组合和刻意的「不完美」布局。它拒绝现代网页设计中抛光的、千篇一律的外观,转而追求个性和直接感。尽管外观粗犷,有效的新野兽派设计需要对层级和可用性的细心把控。

提示词示例

AI 提示词示例

复制这些提示词,用你喜欢的 AI 工具生成新野兽派设计提示词设计。

野兽派作品集

General
Design a neo-brutalist portfolio website. All elements: 3px solid black borders, no border-radius, hard shadows (4px 4px 0px #000). Background: #ffffff. Accent colors: hot pink (#ff006e) and electric yellow (#ccff00). Typography: monospace for body, bold condensed sans-serif for headings. Layout: intentionally asymmetric grid, overlapping elements, rotated cards (-2 to 2 degrees). Navigation: brutalist text links with underline offset animation. Project cards with image, bold title, and raw HTML-style tags.

v0 野兽派应用

v0
Build a neo-brutalist task manager using shadcn/ui with overridden styles. Override all components: border-radius to 0, borders to 2px solid black, shadows to '4px 4px 0px black'. Cards with yellow (#fbbf24) and pink (#f472b6) accent backgrounds. Buttons with black background, white text, and transform: translate(-2px, -2px) on hover with shadow change. Include: task list, add task form, priority tags (raw colored labels), and a drag-to-reorder interface.

Cursor 野兽派博客

Cursor
Create a neo-brutalist blog in Next.js. Design tokens: border-width 3px, border-color black, border-radius 0, shadow '5px 5px 0px #000'. Implement a CSS utility .brutal-card that applies the standard brutalist treatment. Header: oversized site title with a colored highlight background. Post cards in a masonry grid with varying accent colors (rotate through: #ff006e, #ccff00, #00d9ff, #ff9500). Each card tilts slightly on hover. Code blocks with monospace font and a visible line-number gutter.

Claude 野兽派组件

Claude
Generate a neo-brutalist React component library with TypeScript. Components: BrutalButton (variants: primary/secondary/danger, all with thick borders and hard shadows), BrutalCard (no radius, thick border, accent color strip at top), BrutalInput (thick bottom border only, monospace placeholder), BrutalBadge (inline-block, uppercase, small, colored background), BrutalModal (centered, thick border, no backdrop blur - use a solid color overlay instead). All interactive elements shift shadow on click (4px 4px to 2px 2px). Use Tailwind CSS.

相关风格

相关风格

探索这些风格获取现成的 tokens 和组件。

新野兽派

expressive / visual

柔和野兽派

expressive / visual

俏皮野兽派

expressive / visual

网页粗野主义

minimal / visual

反设计

expressive / visual

适用场景

最佳使用场景

创意机构站点

想要展示大胆和创意自信的设计工作室和机构。

开发者作品集

程序员用原始、技术感的美学展示项目。

独立产品

通过非常规、令人难忘的设计脱颖而出的独立应用和工具。

活动与会议站点

具有大胆、抢眼品牌的科技会议和创意活动。

常见问题

常见问题解答

想要完整的设计系统?

StyleKit 提供 120+ 种视觉风格,每种都有完整的 design tokens、组件配方和可导出的 AI Rules。

浏览风格库更多提示词主题

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

导航

风格库模板指南博客更新日志

资源

UI 设计提示词落地页提示词Dashboard 提示词Tailwind UI 提示词暗黑模式提示词GitHub 仓库

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。


(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款基于 Editorial 风格构建