Skip to content

Instantly share code, notes, and snippets.

@waprin
Created December 17, 2025 23:32
Show Gist options
  • Select an option

  • Save waprin/6db5befb00a99dafbeb14c554285aa9b to your computer and use it in GitHub Desktop.

Select an option

Save waprin/6db5befb00a99dafbeb14c554285aa9b to your computer and use it in GitHub Desktop.
user prompt
the first screenshot is my landing page for an AI coding class (ignore the very top bar that mentions "webplay_gallery" and "full screen", its just a gallery preview feature). the next two screenshots are some reference inspiration. we are building course signup page for a class teaches AI coding agents like Claude Code, Cursor and using image models like nano banana to improve UI/UX. using, help me brainstorm and plan the design of landing page section (using our logo and branding)
Our key value:
Deeply understand your product context, design system & brand
Ability to explore multiple versions of design fast
Output production quality UI
Plan the design, specifically regarding:
Ratio of the section
Layout, spacing, and white space
Texture and backgrounds
Animations
Be extremely creative
Avoid the new design looking too much like the current design in the first screenshot
Include room for interesting visual assets
Make sure the unique aspect of the design can be conveyed in a static screenshot
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment