# Design from Reference: Pitch Sign Up Flow Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation. ## Reference - **Product:** Pitch - **Category:** Account Setup - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acbc892d69dbc5db100921f_6acbc6197ce271b128718536_cms-068588d78b2eeda2e14eef9e.webp Analyze the screenshot first. If inaccessible, request it rather than guessing. ## Content {{content.instructions}} {{content.data}} Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims. ## Visual Design ### Overall aesthetic - **Character:** Minimal workspace-naming step with a spacious white card and a single violet progression button. ### Page composition - **Capture:** 1440 × 821 screenshot pixels; estimated CSS scale approximately 1×. - **Structure:** Centered large card on pale gray; narrow centered group containing two-line heading, explanation, name input, helper and Next. ### Information hierarchy - **Priority:** Naming question leads to one field; helper suggests company naming and the full-width action completes the task. ### Typography - **Family:** Sans serif; exact family unverified. - **Estimated CSS sizes:** Heading 28px, body/helper 14px and button 14px. ### Colors & surfaces - **Measured palette:** Canvas #F6F6F9, white #FFFFFF, violet #586EE0 and subtle grays #F5F5F8/#F4F4F7/#F3F3F6. ### Components - **Elements:** Single outlined prefilled input, full-width violet button, soft card shadow and floating help circle. - **Estimated geometry:** Card approximately 800×630px, 16px radius, form width 380px and 30px field/action heights. ### Visual rhythm - **Spacing:** Large card padding isolates a compact central form; description and helper are placed close to their related elements. ### Responsive - **Suggested adaptation:** Fit card within 20–24px gutters, reduce blank padding and increase control heights for touch. Mobile behavior is not shown. ### Adaptation guidance - **Transfer:** Preserve one-question focus and clear workspace explanation. Validate the supplied name before progressing. Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict. ## Direction {{preferences.fidelityInstructions}} ## Output {{output.instructions}} Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.