Gallery Wall

This is hosted on GitHub pages.

Generation

This layout was generated with the help of ChatGPT. There was some iterating and learning along the way which are not captured here. See the gpt directory for the output html of various models.

• gpt-3.5-turbo
• o3-mini

The following prompt was used:

I would like help in designing the layout of a gallery wall in my house. The space to be filled has a width of 250 inches and a height of 100 inches. The background is pale yellow in color with no obstructions.

1. A 'Dog Picture' marker drawing having prominent colors of black, white. It has a width of 15 inches and a height of 12 inches with a thick black frame.
2. A 'Carbink' pencil drawing having prominent colors of grey, white, light blue. It has a width of 12 inches and a height of 16 inches with a thick black, clear padding frame.
3. A 'Northern Lights: M' canvas painting having prominent colors of black, aquamarine, dark blue. It has a width of 20 inches and a height of 16 inches with no frame.
4. A 'Northern Lights: N' canvas painting having prominent colors of black, aquamarine, dark blue. It has a width of 20 inches and a height of 16 inches with no frame.
5. A 'Life is a Ball' print having prominent colors of blue, black, red. It has a width of 30 inches and a height of 24 inches with a thick black frame.
6. A 'Stormtrooper' signed print having prominent colors of black, white. It has a width of 27 inches and a height of 21 inches with a very thick black frame.
7. A 'Seasons: Winter' canvas painting having prominent colors of red, blue, white. It has a width of 7 inches and a height of 9 inches with no frame.
8. A 'Seasons:Spring' canvas painting having prominent colors of purple, blue white. It has a width of 7 inches and a height of 9 inches with no frame.
9. A 'Seasons:Summer' canvas painting having prominent colors of purple, orange, white. It has a width of 7 inches and a height of 9 inches with no frame.
10. A 'Seasons:Fall' canvas painting having prominent colors of red, orange, white. It has a width of 7 inches and a height of 9 inches with no frame.
11. A 'LO.VE' canvas painting having prominent colors of green, purple, white. It has a width of 8 inches and a height of 10 inches with no frame.
12. A 'Dash the Dog' pencil drawing having prominent colors of pale orange, black. It has a width of 12.5 inches and a height of 9.5 inches with a thin black frame.
13. A 'Sunset Skyline' canvas painting having prominent colors of pink, red, yellow. It has a width of 20 inches and a height of 16 inches with no frame.
14. A 'Tropical Sunset' canvas painting having prominent colors of blue, orange, green. It has a width of 16 inches and a height of 20 inches with no frame.
15. A 'Polar Bears' canvas painting having prominent colors of blue, white. It has a width of 16 inches and a height of 20 inches with no frame.
16. A '$2 Roll' bank sheet having prominent colors of green, grey. It has a width of 17 inches and a height of 26 inches with a thin jet black frame.
17. A 'Sailboat' canvas painting having prominent colors of blue, white, green. It has a width of 22.5 inches and a height of 18.5 inches with a thick sandalwood frame.
18. A 'Matt' caricature marker drawing having prominent colors of peach, brown, red. It has a width of 8 inches and a height of 10 inches with a thin silver frame.
19. A 'Merrick' caricature marker drawing having prominent colors of black, white. It has a width of 12 inches and a height of 15 inches with a thick black frame.
20. A 'Pumpkin' paper layering having prominent colors of orange, white. It has a width of 14 inches and a height of 11 inches with no frame.
21. A 'Farm House' photograph having prominent colors of sepia. It has a width of 17.5 inches and a height of 14.5 inches with a very thick black frame.
22. A 'County Fair #1' fabric banner having prominent colors of purple, gold. It has a width of an inverted triangle, 17.5 inches and a height of 33 inches with no frame.
23. A 'County Fair #2' fabric banner having prominent colors of purple, gold. It has a width of an inverted triangle, 17.5 inches and a height of 33 inches with no frame.
24. A 'Fruit Still Life' print having prominent colors of orange, brown, green. It has a width of 17 inches and a height of 11 inches with a thin black frame.
25. A 'Meadow' print having prominent colors of sepia. It has a width of 17 inches and a height of 12.5 inches with a thin black frame.
26. A 'Three Trees' print having prominent colors of black, white. It has a width of 17 inches and a height of 12.5 inches with a thin black frame.
27. A 'Pickle Bandit' print having prominent colors of green, black, teal. It has a width of 6.5 inches and a height of 12 inches with a thick black frame.
28. An 'Attic Abstract' canvas painting having prominent colors of blue, orange, pink. It has a width of 42 inches and a height of 42 inches with a thin white frame.
29. A 'Rainbow' canvas painting having prominent colors of purple, white, orange. It has a width of 11 inches and a height of 8 inches with no frame.
30. A 'Cat in the Hat' print having prominent colors of black, white, red. It has a width of 9 inches and a height of 11 inches with a thick oak frame.
31. An 'Explication' print having prominent colors of blue, red, brown. It has a width of 17 inches and a height of 12.5 inches with a thin black frame.

There are the following constraints:

1. The 'Northern Lights: M' and 'Northern Lights: N' paintings are a series and I would like them side by side as a pair.
2. The 'Seasons: Winter', 'Seasons: Spring', 'Seasons: Summer' and 'Seasons: Fall' are a series and I would like them together in a 2x2 spiral.
3. The arrangement is required to include all 31 items.
4. No item should overlap another item.
5. All items should fall within the space.

Please help to visualize the proposed layout by providing HTML code to show placement and spacing. The HTML should be scaled to 10 pixels to 1 inch.