Distinctive Frontend Design

Overview

Guide Claude to create frontend interfaces with distinctive aesthetics and high design quality, moving beyond generic AI-generated designs. Apply specific design principles across typography, color, motion, and backgrounds to produce polished, creative outputs.

Core Design Principles

1. Typography

Primary Directive: Choose unique, interesting fonts that enhance aesthetics and avoid generic defaults.

Font Selection Guidelines:

• Avoid: Inter, Roboto, Arial, system fonts, Helvetica
• Prefer: Distinctive typefaces that match the project's character
• Consider: Display fonts for headlines, reader-friendly fonts for body text
• Pairing: Use high-contrast pairs (e.g., geometric sans + humanist serif)