Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Claude Project Details
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Claude
- **Category:** Details
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/69971c0806b034cb75013bcf_z-ugspiztQbkbEIUBEYg_x00jAY0QmmrT2fLD36lLzQ.avif
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
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.
The first thing you notice is how quiet this page is. Anthropic's Claude project view uses a soft cream background that feels more like a notebook than a tech product. No gradients, no visual noise. Just content breathing in generous whitespace.
Layout That Stays Out of Your Way
Left sidebar keeps navigation iconic and tight. The main content area is centered with a clear hierarchy: project title, description, then the reply input. That text field with "Reply..." placeholder text and the model selector (Sonnet 4.6) sitting inline is a smart touch. Below it, a subtle prompt nudges you to start chatting. The right panel handles context: file uploads, memory, attached documents. Three columns, zero confusion.
Typography and Color Doing the Heavy Lifting
The serif heading "How to use Claude" paired with clean sans-serif body text creates just enough contrast. Everything is black on cream with barely any accent colors. The "Example project" pill badge is understated. Even the file card uses minimal styling. This design stands out because it refuses to compete for attention. It trusts the content completely.