{"$schema":"https://ejfox.com/schema/page-twin@1.json","kind":"project","url":"https://ejfox.com/projects/newswell","json_url":"https://ejfox.com/projects/newswell.json","generator":"ejfox.com/json-twin@1","data":{"cacheVersion":"2026-05-13-gear-cards","html":"<p class=\"\">A browser-based newspaper layout tool, built to take small newsrooms off InDesign. It has three parts: a WordPress plugin that stores issues, layouts and ads; a Nuxt web editor for laying out pages; and a Slack bot for checking issue status without leaving chat.</p>\n<p class=\"\">In the editor, pages are built from drag-and-drop frames on a six-column newspaper grid. Articles come straight in from WordPress, ads are placed from inventory, and text flow is simulated so you can see what fits before you print. GPT-4 suggests headlines and trims articles to fit their frames. Finished pages export to print-ready PDF from the browser, with a preflight check first. Times of San Diego is the test site.</p>\n<figure role=\"figure\" aria-label=\"Newswell Studio — drag-drop frame layout on the six-column grid\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/projects/newswell/layout-1.png\" alt=\"Newswell Studio — drag-drop frame layout on the six-column grid\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/projects/newswell/layout-1.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/projects/newswell/layout-1.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/projects/newswell/layout-1.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/projects/newswell/layout-1.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Newswell Studio — drag-drop frame layout on the six-column grid\" width=\"3600\" height=\"2262\" style=\"--splay-rot:0.6deg;\" data-dimensions=\"3600×2262\" class=\"img-full my-8 rounded-sm img-splay w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Newswell Studio — drag-drop frame layout on the six-column grid</figcaption>\n</figure>\n<figure role=\"figure\" aria-label=\"Article trimming and page export\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/projects/newswell/layout-2.png\" alt=\"Article trimming and page export\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/projects/newswell/layout-2.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/projects/newswell/layout-2.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/projects/newswell/layout-2.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/projects/newswell/layout-2.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Article trimming and page export\" width=\"3600\" height=\"2262\" style=\"--splay-rot:-0.6deg;\" data-dimensions=\"3600×2262\" class=\"img-full my-8 rounded-sm img-splay w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Article trimming and page export</figcaption>\n</figure>","title":"Newswell Studio","metadata":{"title":"Newswell Studio","date":"2025-10-01T00:00:00.000Z","category":"Tools","featured":false,"draft":false,"tech":["Nuxt 4","Vue","WordPress","PHP","GPT-4"],"state":"deployed","ai-involvement":"ai-assisted","tags":["tools","journalism","dataviz"],"words":130,"images":2,"imageDetails":{"total":2,"cloudinary":2,"withDimensions":0},"links":0,"codeBlocks":0,"headers":{},"toc":[],"type":"post"}},"_links":{"self":"https://ejfox.com/projects/newswell.json","html":"https://ejfox.com/projects/newswell","index":"/projects.json"}}