A few simple choices. A page of possibilities.
The Infinite Coloring Book is a free creative tool for making patterns to print, download and colour in.
It began as a side project to keep our children entertained during lockdown. Making something for our own family became an opportunity to share it with others: a colouring book that could keep producing new pages from a collection of original illustrations.
The project brings together illustration, interface design and TypeScript development, with the printed sheet as much a part of the experience as the screen.
Drawing the building blocks
The patterns start with a collection of tileable SVG illustrations, created specifically for the project.
Each tile needs to work as an individual drawing and as part of a larger arrangement. Its edges become meeting points with neighbouring tiles, while the shapes inside provide spaces to colour and details to discover.
Working with a collection of reusable drawings gives the generator its visual character. The variation comes from how those drawings are brought together, with the illustration and code contributing to the same result.
Making room for play
The interface gives people a small set of ways to shape the page: adjust the grid size, generate a new pattern or choose individual tiles.
The pattern itself takes the lead. Controls sit around it, leaving the artwork visible while people try different arrangements. The aim is to make experimentation feel immediate, with little explanation needed before someone can start.
Children may use the tool in different countries, so the design places emphasis on visual controls and icons rather than lengthy instructions. The visual direction balances a warm, playful character with a clear layout that gives the drawings room to breathe.
From screen to paper
Printing and downloading give the digital tool a physical outcome. A pattern becomes a sheet on the table, ready for pencils, felt tips and someone else's ideas.
That handover is central to the project. The generated page provides a starting point, while the person colouring decides what it becomes. The same line drawing can take on a completely different character through colour.
Illustration and interaction
Built with TypeScript, the project connects a reusable set of SVG artwork to an interactive pattern builder and a print and download workflow.
Designing both the illustrations and the interface allowed the two to develop together. The drawings define what the tool can make; the controls help people explore those possibilities and create something they want to take away.