AI Prompt to Create a Brutalist Artist Website

Create a brutalist artist website from this AI prompt template.

You can enter the following prompt into a Large Language Model (LLM) such as ChatGPT, Claude, or Gemini to create a "brutalist" artist website in HTML and CSS. The prompt is quite specific, which helps nudge the AI to a result that's likely what you're looking for. Feel free to tweak it as you please.

The Prompt:

Generate a single-file HTML template for an artist's portfolio, but in a brutalist web design style. The design should feel raw, functional, and unconventional.

Style Guidelines:

  • Typography: Use a single, monospaced font (like Courier or a system monospaced font) for everything.
  • Color Palette: Strictly black and white, with extremely high contrast. Maybe use a single, harsh accent color like electric blue or neon green for links on hover.
  • Layout: Use a visible grid or harsh borders around every element. Asymmetry is encouraged. Do not hide structure; expose it.
  • Imagery: Display images with no padding and a simple, solid border.

Page Structure:

  • A static, grid-like layout with sections for "WORK," "EXHIBITIONS," and "CONTACT."
  • The "WORK" section should be a simple list of project titles. Clicking a title can be a placeholder link.
  • The "CONTACT" section should just be a raw email address (not a form).

Core Requirements:

  • Technology: Single HTML file with CSS.
  • Accessibility: Even with the harsh design, ensure it's still accessible. Links should be clear, and the page must be keyboard navigable. Use semantic HTML.
  • Responsiveness: The design should be responsive in a functional way. It doesn't need to be perfectly fluid, but it must be usable on mobile (e.g., content should not overflow). Maybe the grid re-flows at a breakpoint.
  • Best Practices: Write clean HTML and CSS, but ensure the final visual output adheres strictly to the brutalist aesthetic described.

The Result

When I ran the above prompt against Google Gemini Pro 2.5, I got the following result:

Screenshot of brutalist artist website AI prompt result

How to Use The Prompt

  1. Copy the entire prompt text.
  2. Paste it into your preferred LLM (e.g., ChatGPT, Claude, Gemini, etc).
  3. Review the generated code. You can ask the LLM for modifications, like changing colors or fonts, by replying with follow-up instructions.

The prompt includes a Core Requirements section that instructs the LLM to focus on quality, accessibility, and responsive design, ensuring you get a professional-grade starting point.

Be sure to check the prompt carefully for anything you want to change first. You can also use it as a template starter for future projects.