frontend-design-spec

Build a frontend design system by defining visual design tokens, component library specifications, and responsive page layouts. This specification provides a cinematic, broadcast studio aesthetic for a content creation platform UI, ensuring consistent user experience across multi-step pipelines and dashboards.

Structure UI animations for a Next.js dashboard using GSAP and Framer Motion to specify smooth, cinematic transitions and micro-interactions. This design system defines animation guidelines that create a professional, broadcast studio aesthetic for command center dashboards.

Yes, this frontend design specification includes detailed screen designs for a multi-step pipeline and a Zeus Command Center dashboard. It outlines the specific page layouts, component patterns, and responsive behavior required to execute these complex interfaces.

Establish visual design tokens for a TypeScript component library by defining the specific fonts, color palettes, and spacing variables. This specification details UI elements like buttons, cards, and status indicators to maintain a consistent visual language across the frontend architecture.

Yes, you can use this specification to design an About Page with team member profiles. It provides specific page layouts and component library specifications for presenting team information while adhering to the established cinematic, broadcast studio aesthetic.