llms.txt

This is a plain-text guide to the site for AI tools such as chatbots and AI search. It lists the main pages and every blog post in a format they can read easily, and it updates itself whenever a post is added. The live file is at https://jowill.co.uk/llms.txt.

# Jo Williamson

> Jo Williamson is a UX and product designer in Newcastle. Selected design work, plus a blog of experiments, thoughts and updates.

Everything here is public static HTML with no login or paywall. Each blog post states how much AI was involved in writing it, and the change log is written by Claude. The site aims to meet WCAG 2.2 level AA for accessibility.

## Pages

- [Home](https://jowill.co.uk/): Introduction, portfolio gallery and the blog feed
- [Change log](https://jowill.co.uk/changelog/): Short notes on what is new on the site
- [Resources](https://jowill.co.uk/resources/): Curated tools and references, filterable by category

## Blog

- [Introducing Kettle: a job site scraping side project.](https://jowill.co.uk/blog/introducing-kettle-job-site-scraper/): I built Kettle to check school websites for teaching vacancies the big job boards miss. Here’s how it works.
- [Week 43 - Quiet periods and the tools I can now build](https://jowill.co.uk/blog/2026-week-43/): Quiet periods don’t mean unproductive. Weeknotes on waiting, an old Trello lesson and building custom tools with AI.
- [Week 42: Back to basics](https://jowill.co.uk/blog/2026-week-42/): Week 42: my golden retriever turned stubborn, and Byker Wall reminded me that going back to basics works every time.
- [Byker Wall is the foundation for co-creation](https://jowill.co.uk/blog/byker-wall-empathy-first-ux-design/): What an architect’s Instagram post and Byker Wall’s 1970s co-creation teach UX designers about listening before fixing.
- [Week 41: Week notes get meta](https://jowill.co.uk/blog/2026-week-41/): Writing week notes has me reflecting as I go. Why I am comfortable with a quiet week, and the risk of reflection turning into hustle culture.
- [Week 40: Jo discovers week notes](https://jowill.co.uk/blog/2026-week-40/): Week 40: I started a new job, relaunched my site and began week-notes, plus why I'm open about using AI to proofread and where I draw the line.

## Resources

- [Brandfetch](https://brandfetch.com/): Brandfetch is a brand data platform that provides instant access to logos, colors, fonts, and brand assets for millions of companies worldwide.
- [Emojipedia](https://emojipedia.org/): All Emojis, in every style. Download as images or copy and paste the character
- [Wise Design System](https://wise.design/): A unified system of foundations, components, and patterns built to make global money fair and accessible - for everyone, everywhere. Discover inspiration from the design team.
- [Accessible Brand Colors](https://abc.useallfive.com/): A tool that evaluates the ADA compliance of your brand’s color palette.
- [Fontshare](https://www.fontshare.com/): Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.
- [Checklist](https://www.checklist.design/): Design checklists for websites, web apps, mobile, components, and flows. Check every detail, ship better work.
- [Box Icons](https://boxicons.com/icons?s=rounded&w=thin): Access 50,000+ Pro icon variations and 3,500+ free icons. High-quality SVG icons for React, Vue, Figma & more.
- [Feather Icons](https://feathericons.com/): Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
- [Notion](https://notion.so): Productivity and note-taking. Now with AI that I tend not to use
- [shadcn](https://ui.shadcn.com/): Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.
- [Material Design](https://m3.material.io/): Material Design 3 - Google's open-source design system, provides comprehensive guidelines, styles, & components to create user-friendly interfaces.
- [Atlassian Design System](https://atlassian.design/): Explore Atlassian Design to build beautiful experiences using our design system, and stay up to date with the latest news.
- [Primer - The design system for GitHub](https://primer.style/): The Design System for GitHub
- [Carbon Design System](https://www.carbondesignsystem.com/): Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
- [Typewolf](https://www.typewolf.com/): Typewolf helps designers choose the perfect font combination for their next design project—features web fonts in the wild, font recommendations and learning resources.
- [Material Icons](https://fonts.google.com/icons): Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
- [Google Fonts](https://fonts.google.com/?preview.layout=grid): Making the web more beautiful, fast, and open through great typography
- [Remove Background](https://www.remove.bg/): Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic.
- [Unsplash](https://unsplash.com/): Beautiful, free images and photos that you can download and use for any project.
- [Paper Sizes](https://papersizes.io/): A simple, free, comprehensive resource for finding the international standards for paper sizes in metric and imperial.
- [Framer](https://www.framer.com/): The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in.
- [coolors](https://coolors.co/ed6a5a-f4f1bb-9bc1bc-5d576b-e6ebe0): Instantly generate beautiful palettes by hitting the spacebar, or explore millions of popular ones.
- [Monzo Tone of Voice](https://monzo.com/tone-of-voice): The home of Monzo's writing principles. Come for the practical writing advice, stay for the really cool illustration of a pig in sunglasses.
- [SVG Pattern Generator](https://nucleoapp.com/svg-patterns/): Create and customize seamless SVG patterns for websites and interfaces. Adjust colors and opacity, combine patterns, and export clean, production-ready code.
- [tweakcn](https://tweakcn.com/community): Discover and explore beautiful shadcn/ui themes created by the community.
- [What the Google font!?](https://whatfont.texs.org/): Upload an image of any text and find the closest matching Google Fonts. Every result is free to use.

## Optional

- [LinkedIn](https://www.linkedin.com/in/iamjowill/): Professional profile
- [RSS feed](https://jowill.co.uk/rss.xml): All blog posts
- [Sitemap](https://jowill.co.uk/sitemap-index.xml): Every page on the site