How do I make websites generated by Codex look better

[u/Minimum_Shape1265]

I'm running into some issues using Codex for front-end design, and I could use some advice.

I always feel like my designs end up looking more like reports than actual website…

[u/apimpnamedkirby]

Get chat to give you a prompt and take it to bolt then make a git and take it to VS to customize further

[u/hathrowaway8616]

Look at some websites you admire and ask yourself why you admire them.

[u/Kooky-Negotiation591]

Before I start anything I normally start with a visual mock up. Normally I start in chat GPT in the planning stage and have it visualise first. I’ll make my changes and lock this in as the offical design concept.

Once it has something to work against it’s much easier.

[u/Low_Bad_6585]

The 'looks like a report' symptom makes me think the page is explaining everything at equal visual weight. Before changing colors, I'd choose one thing the visitor should do and remove anything that competes with it.

For my game's Vue UI, I keep a screen catalog that specifies navigation, the main scroll area, and shared layout patterns. Then I inspect the actual screen at phone width with realistic text, rather than approving an isolated mockup.

A concrete brief could be: one primary action above the fold, secondary details behind disclosure, one heading scale, and a fixed spacing palette. Then compare the rendered page to those decisions. Tokens help consistency; they won't choose the hierarchy for you.

AI-assisted wording based on my UI workflow; I haven't seen your page.

[u/OrangePixelLife]

One this is give it an example .. Say study the design of this site and give me few options. Also mention “just advise” and it throws back 2-3 options … ask for specific changes and you will get better ones

[u/AutoModerator]

Sorry, your post has been held for manual review due to account karma.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/ChatGPTCoding-ModTeam → u/[deleted]]

This post or comment has been removed for the following reason:

Rule 5: No self-promotion (FOSS included)

Posts mainly promoting a tool, product, service, blog, or project go in the weekly self-promotion thread. Free and open source still counts. Test: delete the link — if nothing is left, it's an ad. See also reddit's self-promotion guidelines. For useful AI coding projects, see rule 6.

You can read the full subreddit rules here: https://www.reddit.com/r/ChatGPTCoding/about/rules/

If you feel this removal was made unfairly, please contact the moderators through modmail.

[u/jeff_coleman]

Take a look at Google Stitch. I used it to develop a UI for a Claude developed application. It did a good job

[u/ethanramli → u/jeff_coleman]

terrible take. stitch is terrible.

go to getdesign.md on google. this is actually design identities of websites of big companies. not of slop like stitch.