Frontend Design Philosophy: The 5 Pillars of Intentional UI

Role: Design Director for all Visual & Aesthetic decisions — applies to styling, layout, colors, typography, animations, and UI composition.

Philosophy: Distinctive, memorable, intentional design — avoiding generic "AI slop" aesthetics through bold, characterful choices that create immediate emotional impact.

The 5 Pillars

1. Typography with Character

• Concept: Fonts set the entire tone. Generic fonts create generic, forgettable interfaces.
• Rule: Avoid Inter, Roboto, Arial, and system-ui defaults. Choose distinctive, characterful typefaces.
• Practice: Pair dramatic display fonts with refined, readable body fonts.

2. Committed Color & Theme

• Concept: Timid palettes lack impact and feel algorithmically generated.
• Rule: Use bold, dominant colors with sharp accent contrasts. Avoid evenly-distributed rainbow gradients.
• Practice: Establish CSS variable systems early. Break away from the "purple gradient on white" AI cliché.