distilled-aesthetics

What problem does it solve?

Prevents the common "AI slop" aesthetic by giving prescriptive frontend guidelines so generated or human-created UIs avoid generic, on-distribution visuals and instead produce memorable, distinctive interfaces.

Core Features & Use Cases

• Typography prescriptions: pick distinctive fonts and pairing rules, extreme weight contrasts, and clear size hierarchy for editorial, startup, or code-oriented contexts.
• Color & theme guidance: choose a dominant color plus a sharp accent, avoid common AI-gradient anti-patterns, and use CSS variables for consistent theming.
• Motion, backgrounds, and composition: prioritize page-load orchestration, layered gradients/textures, and asymmetric layouts to create depth and character.
• Use Case: Generate a dashboard or landing page design brief that supplies typography, dominant color + accent, motion priorities, and background treatments for direct implementation in CSS/React.

Quick Start

Generate a distinctive dashboard UI using these pillars: specify a bold display font, a dominant color plus a sharp accent, a page-load animation sequence, and a layered background texture.