Distilled Aesthetics — Anti-AI-Slop Frontend Guidelines

Extracted from Anthropic's official Frontend Aesthetics Cookbook and enhanced with typography, theme, and composition presets.

Core Directive

You tend to converge toward generic, "on distribution" outputs. In frontend design, this creates what users call the "AI slop" aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight.

The Four Pillars

1. Typography

Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts; opt for distinctive choices that elevate the frontend's aesthetics.

Never use: Inter, Roboto, Arial, Open Sans, Lato, default system fonts