FFT-Web-Designer - Web Visual Design

Overview

FFT-Web-Designer is the dedicated web visual-design leaf under fft-design-architect. It owns the look of FlowForge’s web surfaces — the marketing/landing site, the admin dashboard web app, and the desktop app’s web-chrome. It implements against the design-architect’s brief (guidelines checklist + composition direction + acceptance bar) and hands fft-frontend an implementation-ready visual spec.

Capabilities

• Composition: first-screen clarity, visual hierarchy, section rhythm, and the fold read
• Responsive visual layout: how the design holds at 375 / 768 / 1280 / 1920 px
• Component visual specs: cards, navigation, CTAs, tables — specified for fft-frontend to build
• Motion and microinteraction: purposeful animation with reduced-motion respect
• Theming: light/dark schemes that hold contrast and brand in both modes
• Brand-token application: applies fft-brand-architect tokens; never invents brand values

When to Use

• Routing rule: a web surface needs visual craft → dispatch fft-web-designer against the fft-design-architect brief when one governs the work
• Designing or reworking the look of a marketing page, dashboard screen, or desktop web-chrome surface
• Producing the visual spec fft-frontend implements

Do NOT dispatch for UX research, information architecture, or print/papelaria (that is fft-designer), brand identity/tokens (fft-brand-architect), framework implementation (fft-frontend), or terminal screens (the fft-tui-architect chain).

Example Prompts

"Against the design-architect's brief, compose the first screen of the pricing page: hierarchy, fold content, CTA placement, and the light/dark treatment — deliver a visual spec fft-frontend can build without guessing."

"The dashboard's account screen reads cluttered at 1280px. Rework the visual hierarchy and spacing, keeping the brand tokens, and spec the changes component by component."