One of my favorite lessons in this class was learning about Stitch, the new Google way to make webpages. I used Stitch to create a few pages on my site. I used Stitch AI to help me create the color page (class resources), the binary code page (class resources), and the booking page (booking). How did I do this? Well I first collected notes about what information I wanted the webpage to have. I told AI my list of my notes/list of topics so it knew what the webpage was about. I then screenshotted a page off my site to show it the theme I wanted it to be (text, color, etc.) I then regenerated it until I liked how it looked. I then had AI add useful class links on to the site, such as the HSL color picker on the color site. Lastly, I put the code from stitch into my C-panel and edited it. I edited the text on the booking and color pages, but I decided to make the binary code and bit depth page like a resources page where viewers can watch class videos to learn about the topic.

I also used Gemini to create the text theme for this site. The code is:

<div style=”font-family: ‘Inter’, sans-serif;”>
<h1 style=”
font-weight: 900;
font-size: 4rem;
text-transform: uppercase;
letter-spacing: -2px;
line-height: 0.9;
margin-bottom: 10px;”>
Color <br>
<span style=”color: #666;”>Corners.</span>
</h1>

<p style=”
font-size: 0.85rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
color: #888;
margin: 0;”>
Still Life
</p>
</div>

This code was copied on each page and edited for the words on this page. 

Lastly, I wanted to test the WordPress AI, so I had it help me with my senior picture and experience page. It create the orange boxes on the page, which helped me to organize the page, for a cohesive look. 

Prompts for the booking page:

When creating the code for the Booking page I orginally asked AI to: “code me a pink themed webpage for a photography site that talks about booking photoshoots for senior pictures, portraits, events, etc. add cute photography graphics as well” I did not like the result but I was determined. I then asked AI to do things like “”remove information under our philosophy (no footer needed)” and “make the font on this page the same font as the style image and make it have the same pink background” (this was after I provided a screenshoot of my webpage). After 12 generations of asking the AI to add and delete things, I got the site where I liked it.

 These multiple generations occured for all of the AI created pages. If I was using AI, it had to be good AI. The best was to get good AI is many generations.

Prompts for the color page:  

When creating the color page, I clicked on the page I made for booking so that it would use the style I used on the booking page. After this, I asked Stitch to “code me a page about color schemes (complementary, analogous, etc) and HTML color” It did not get right the first time so I then asked it to do things like “include color wheel and make complementary and analogous colors traditional (example: orange and blue are complementary)” I also asked it to add the link to to the HSL color picker. This page took 11 generations too get it how I liked. 

Prompts for the binary code and bit depth page:

To make the binary code and bit depth page I asked AI to “using this style make a page about binary and bit depth and add these links: https://www.cambridgeincolour.com/tutorials/bit-depth.htm#google_vignette and https://www.youtube.com/watch?v=Xpk67YzOn5w“. I then had AI do things like “delete header and footer” and “make resources be all on one line” This page took 7 generations

For the Gemini text generation I kept it simple. I asked it to “code me a bold font for a page about photography.” I did this simple generation 3 times until I liked the result that I got. For the WordPress organization boxes, I asked it to create a template for a page about experience and a page about senior pictures. I did not like the rest of the page that it generated, so I only kept the orange organizational boxes. The rest of the page I created myself. 

Use of AI is cited as visual works as the website pages serve as visual elements for website:

*Stitch and WordPress would not let me access the exact dates where the AI was used, but those pages were all created in April 2026

WORKS CITED:

 “Binary code and bit depth webpage with provided links”, Stitch, version 2, OpenAI, Apr. 2026, https://stitch.withgoogle.com/ “Booking website page with senior pictures, portraits, etc.”, Stitch, version 2, OpenAI, Apr. 2026, https://stitch.withgoogle.com/

 “Color website page about color schemes”, Stitch, version 2, OpenAI, Apr. 2026, https://stitch.withgoogle.com/

 “Photography site font”, Gemini, version 3.1, OpenAI, 27 Mar. 2026, https://gemini.google.com/app?is_sa=1&is_sa=1&android-min-version=301356232&ios-min-version=322.0&campaign_id=bkws&utm_source=sem&utm_medium=paid-media&utm_campaign=bkws&pt=9008&mt=8&ct=p-growth-sem-bkws&gclsrc=aw.ds&gad_source=1&gad_campaignid=20108148196&gbraid=0AAAAApk5Bhn2VhbCx0CXOjZ1e-jA48c8G&gclid=CjwKCAjwn4vQBhBsEiwAq3hhNxD-k37DYRxRQ3QbYYTcaDU4q3PYzvD8uaelJvTuJjM4VhuRdNK_fRoCQfYQAvD_BwE

 “Senior Pictures and Experience template”, WordPress, version 6.9.4, OpenAI, Apr. 2026, https://wordpress.com/ppc/website-builder-hero-campaign/?utm_source=google&utm_campaign=google_search_wpcom_acquisition_brand_us_en_pmax_off&utm_medium=paid_search&keyword=wordpress&creative=806476600302&campaignid=23791668847&adgroupid=196897479818&matchtype=e&device=c&network=g&targetid=kwd-313411415&gad_source=1&gad_campaignid=23791668847&gbraid=0AAAAADhlTH6NqmLtnj8Ri-AexG-NPpEKc&gclid=CjwKCAjwn4vQBhBsEiwAq3hhN0z1TnLarB4l0QEYpHK-W7vskAfK9WLDWSE21Hu1kIAGoh3pZHRFuhoCy_8QAvD_BwE