Frontend Design (Autoridade Estética)

What problem does it solve?

It prevents generic, “AI-slop” frontend designs by enforcing a clear aesthetic direction and delivering real, functional, production-ready UI details.

Core Features & Use Cases

• Aesthetic direction with execution: Turns user frontend requirements into an intentionally bold visual system (typography, color, motion, composition, and visual depth) rather than random styling.
• Production-grade UI with guardrails: Produces interfaces that are accessible (contrast targets), responsive (mobile-first), and interactive (hover/focus states, touch targets, loading/feedback patterns).
• Cartola-specific design coherence: Applies the project’s UI identity (e.g., Russo One for titles, Inter for body, JetBrains Mono for numbers, strict dark mode tokens, module accent colors) and anti-pattern avoidance (generic SaaS dashboards, chaotic tables, over-animated live data).

Quick Start

Ask the AI to redesign your Cartola Manager page with a bold, premium dark-mode look using the existing design system tokens and production-ready responsive UI patterns.