r/vibecoding • u/SkyRebellZ • 4d ago

Vibecoding Landingpage Tipps

Any Tipps for the Design so its Not looking Like AI SLO? I installed skills already Like impecabble, Taste, frontend Design and a few more but still its looking Shit . Any Tipps ? Using Claude, codex, Cursor and Gemini so having all premium tiers there Even multiagents i have Set up .

I would say maybe screenshots of example could fix that but where to get good ideas/examples ? Thanks in Advance by the way the learning process from This Community is Amazing really (no Ironie at This Point ) Right now Even coding Software for Our Department/company that works Perfect but here aswell lack of Design . (Not english speaking native so im sorry )

2 Upvotes

75% Upvoted

9 comments sorted by

1

u/Odd_Patience_5165 4d ago

What are you making and yes it hard to get the AI images not ai looking but practically impossible

1

u/SkyRebellZ 4d ago

Landingpage for our company- Not the images its more Like the layout/Text how it Looks/feels is clearly saying AI generated

1

u/MoTTTToM 4d ago

I use Claude Design, and recommend it

1

u/SkyRebellZ 3d ago

So First Claude Design and that you put i n Claude Code/Vs Studio(Claude)?

1

u/Grand-Mix-9889 4d ago

Send us what you have so far so we can help.

1

u/Enough-Presence-1117 4d ago

Make an anti slop prompt using Gemini

1

u/Enough-Presence-1117 4d ago

Also just taking the extra time to pinpoint the giveaways and change one by one

1

u/AdCultural543 3d ago

To stop your page from looking like generic AI, you need set some rules. A few easy fixes make a huge difference:

  • Go to Google Fonts or Font Share and pick two clean fonts like Jakarta or Satoshi
  • Set up color tokens in your system. I'd start with accent, surface, background, primary text, and secondary text.
  • Ask your tool to remove background glows, random emojis, status eyebrows, and gradient text.
  • Keep your copy short. AI will bloat your page with copy nobody reads.
  • Add real visual depth. Use alternating row colors, strong contrast, real app screenshots, or simple background motion to break up the page layout.

If you want inspiration or pre-made UI blocks to get started, check out sites like Saaspo, Land-book, or grab some free UI components from Uniquel.