Ember Studio — Dark Creative Agency SaaS Landing Page

Create **Ember Studio**, a complete dark SaaS landing page for a creative agency workspace, using one detailed reconstruction prompt.

The design pairs charcoal backgrounds and subtle atmospheric textures with vivid orange accents, clean Inter typography, and elegant Instrument Serif headlines. Every section follows the same visual style, from the floating navigation to the closing call to action.

**What’s included:**

- Responsive hero with a branded navigation bar and mobile menu

- Interactive dashboard preview with gauges, metric toggles, editable targets, and Save/Cancel controls

- Three feature panels with CSS and SVG illustrations

- Three-step workflow section

- About section with a bold typographic composition

- Expandable FAQs

- Early-access status dialog

- Complete footer with section navigation

The prompt provides exact copy, layout values, colors, breakpoints, interaction rules, hosted font URLs, and complete React implementation files. It uses React, TypeScript, Vite, and Lucide icons.

**Verified through a fresh prompt-only reconstruction**, including a successful production build, desktop and mobile layout comparisons, and checks of the core interactions.

This is a frontend concept with illustrative dashboard data and session-only controls. Authentication, payments, persistent storage, and email signup services are not included. Internet access is required for dependencies and hosted fonts.