Converts a knowledge-anchored dashboard specification into a restrained Diriyah-adjacent interface mockup with exact blank metric zones.
1Create a contemporary Najd UI mockup in 16:9 inside a restrained Diriyah-adjacent studio. Use React 19, Next.js App Router, Tailwind CSS, TypeScript strict mode only as the implementation context behind the visual concept. Every person shown in this image is an explicitly fictional adult aged 25 or older with no resemblance to any real person. Group the interface into three distinct metric zones. The exact post-production copy plan is: active users, signups, and churn for the user zone; MRR, ARR, and ARPU for the revenue zone; feature adoption, session duration, and API calls for the usage zone; a maximum of 5–7 visible items per group; a See all control when a group exceeds seven items; and Last 30 days as the default time range. Place three primary indicator cards first, then position-based comparison charts and trend panels, with a stable responsive grid and reserved loading silhouettes. Reserve a separate clean blank target for every metric label and value, the See all control, the Last 30 days control, the dashboard title, each group heading, and every component leader line, all for professional post-typesetting after generation. Keep all interface copy, figures, controls, and code unreadable. Generate no text, numerals, logos, brands, signatures, or watermarks.
