Skip to content

Aaron Yang | UI/UX Designer, User Researcher, Website Developer

AI Created Webpage

I asked ChatGPT, an AI chatbot, to generate the text content and write an HTML+CSS web page about “My Design Statement.” Here is what it wrote. And the generated code works perfectly: https://visual-lab.pages.dev/ai-created-webpage/. What I did is enter the following commend, or prompt, to the system:

Write the html code of a web page with a large title saying “My Design Statement” in the header. Also, the header should use this image as the background: “https://aaronyang.me/…/2022/12/MG_5529-copy-930×620.jpg.” The header is 600px in height and has no margins. The large title is white and in the middle of the header.

Then add a new section called “design-statemen”. The width of this section should be 90% and not wider than 900px. In the “design-statement” section, write a designer’s personal statement about his mission on graphic design and teaching. The block of “design-statement” section should be center-aligned, and the text inside the block should be left-aligned. Make this easy to read. For the font family of the page, I want to use Montserrat.

And this is what it created:

A webpage created by ChatGPT.