Design with AI
Generate a new design based on this screen using your own content.
# Design from Reference: Pitch 404 Page
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:** 404 Page
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ec9c6a1d8c6bca592d84d1_1659621288292-screenshot-device-a43579d0e404864e89129b14cf89e4f5-1659600413885.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
- **Style:** Playful white error page with oversized dark headline, colorful 3D space illustration, and violet recovery action.
### Page composition
- **Canvas:** 1440 × 1952 screenshot px.
- **Header:** Logo, product links, sign-in and trial actions.
- **Main:** Centered Lost in space? heading, large astronaut-dog/planet artwork, explanatory sentence, Back to Home, and secondary game link.
- **Footer:** Thin divider, four link columns, and legal/social row.
### Information hierarchy
- **Primary:** Large headline and central illustration.
- **Recovery:** Violet Back to Home button below clear error explanation.
- **Alternative:** Smaller game link.
- **Footer:** Comprehensive navigation offers additional routes.
### Typography
- **Family:** Rounded geometric sans serif; exact identity unverified.
- **Headline:** Approximately 80 screenshot px, heavy weight.
- **Body:** Approximately 18px.
- **Buttons:** Approximately 16px, semibold.
- **Footer:** Approximately 16px with 36px row pitch.
- **Precision:** Screenshot font estimates.
### Colors & surfaces
- **Canvas:** #FFFFFF.
- **Primary text:** #2B2935 with nearby #2B2A33.
- **Action:** Violet gradient, exact flat token unverified.
- **Illustration:** Purple, cyan, pink, yellow, white, and brown shaded 3D forms.
- **Dividers:** Light neutral gray.
- **Precision:** Illustration contains gradients; dominant flat surfaces sampled.
### Components
- **Hero art:** Large floating dog in helmet reaching toward a bone among planets and small satellite.
- **Recovery:** Compact rounded violet rectangle.
- **Header:** Outline Sign in and filled violet Try for free.
- **Footer:** Unboxed text groups and small social icons.
### Visual rhythm
- **Whitespace:** Generous gaps around artwork and recovery controls.
- **Alignment:** Main content centered; footer left-aligned within columns.
- **Balance:** Saturated art carries personality on otherwise minimal canvas.
### Responsive
- **Observed:** Desktop only.
- **Recommendation:** Scale art and headline fluidly, preserve recovery action above footer, and collapse link groups.
- **Decoration:** Avoid horizontal overflow.
### Adaptation guidance
- **Preserve:** Friendly error treatment, explicit recovery, and secondary playful link.
- **Content:** Use supplied error copy and brand art.
- **Behavior:** Game and navigation outcomes unverified.
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.