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 General Settings
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:** Settings
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/69971c15635d36473caa2079_xLMnXJARoZifL7N4T7Wa1iZlVfoBDt5VGZMUx4FTF5I.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.
First thing you notice is the warmth. That cream/beige background is doing so much heavy lifting here. It immediately separates this from the sea of cold white SaaS dashboards. The left sidebar keeps navigation tight and scannable with just seven items. No icons cluttering things up, just clean text links.
Typography and Structure That Breathes
The section hierarchy is really well handled. Bold headers like "Profile," "Notifications," "Appearance" create clear landmarks as you scroll. Form fields are minimal with soft borders. The color mode previews showing actual mini screenshots of light and dark themes? That's a thoughtful touch. Same with the chat font selector using "Aa" previews at different weights so you can actually see the difference before committing.
What Makes It Stand Out
The voice settings at the bottom are unexpected and fun. "Buttery," "Airy," "Mellow," "Glassy," "Rounded." Those labels have personality. The whole page feels like someone actually cared about the settings experience instead of treating it as an afterthought. That warm palette with the dark accent on selected states keeps everything cohesive without feeling boring.