Sign in

Jono Lewarne

@cityeditionstudio.co.uk
471 followers 265 following 311 posts

Graphic design / web development / creative coding / typography. Working across print, pixels & places. Developing sites in Astro, Wordpress & Shopify. Based at Spike Island in Bristol, UK since 2012. Teaching type at UWE too! www.cityeditionstudio.co.uk

PostsRepliesMedia
Jono Lewarne @cityeditionstudio.co.uk · 05/10/2026
It’s so much fun to use!
A spread from a book that uses ‘Q Project’, a layered typeface system, in two colours for the dual language chapter titles of the book. A cover a book that uses ‘Q Project’, a layered typeface system, in two colours for the title of the book. A spread from a book that uses ‘Q Project’, a layered typeface system, in two colours for the dual language chapter titles of the book.
010
Jono Lewarne @cityeditionstudio.co.uk · 02/10/2026
Thoughts and prayers for my inbox on today, this @bandcamp.com Friday of Fridays. 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🌊📥
The Great Wave off Kanagawa, the famous woodblock print by the Japanese artist Hokusai, adapted to make a meme where the wave represents Bandcamp emails and the people rowing the small boat that the wave will hit representing my inbox today on Bandcamp Friday.
000
Jono Lewarne @cityeditionstudio.co.uk · 29/09/2026
Low Tech Magazine, The Compressed Edition by Kris De Decker. Taken a while but I’ve really enjoyed reading this tome over the summer. It’s had a massive impact on my thinking and day to day live, hopefully lasting impacts too!
A book, Low Tech Magazine, The Compressed Edition by Kris De Decker, photographed on a wooden table
010
Jono Lewarne @cityeditionstudio.co.uk · 13/08/2026
I noticed the tree effect too!
Lots of eclipse projections on a fence coming from the dappled light and shade of a tree
110
Jono Lewarne @cityeditionstudio.co.uk · 11/08/2026
The good folk of Belgium sort of did this for their favourite cyclist, except small, bronze and in a weird little fenced in pen
A bronze statue of ex pro cyclist Tom Boonen’s legs at the top of the Taaienberg in Belgium
041
Jono Lewarne @cityeditionstudio.co.uk · 08/08/2026
Love Goes to Buildings on Fire by Will Hermes. This is amazing, such a rich account of an insane period of music and social history in NYC. My reading is back up to speed after the Giro d’Italia and Tour de France ate up my reading time
Love Goes to Buildings on Fire, a book by Will Hermes, photographed on some dry looking grass. The cover features a detailed black and white cartoon style illustration by Mark Alan Stamaty with caricatures of important New York musicians who feature in the books timeline of 1973 to 1977
100
Jono Lewarne @cityeditionstudio.co.uk · 05/08/2026
Really ripping off @maxleonard.bsky.social now! The Long Deep by Des Hannigan. Lovely little book, beautifully written about lots of little hard to find spots in Cornwall, some I knew and a lot I didn’t. Loved that a lot of the stories are from the early 80s when I was growing up there
The Long Deep, a book by Des Hannigan, photographed on a sandy beach. The cover has a monochrome illustration of fish swimming drawn by Aegean artist Alexander Reichardt
210
Jono Lewarne @cityeditionstudio.co.uk · 07/07/2026
What is a designer by Normal Potter. Rereading this (for the 3rd time I think) after loving it as a design student. Essential reading for anyone interested in developing a healthy mindset towards design of any kind. Interesting that he mentions the last book I read a lot, which I didn’t spot before
What is a designer by Norman Potter, on a table outdoors
130
Jono Lewarne @cityeditionstudio.co.uk · 11/06/2026
Tools for Conviviality by Ivan Illich (forgot to take a pic of the cover). An interesting read. Some of the ideas have aged terribly while others are more pertinent than Illich could ever have foreseen!
The first page of a library book, Tools for Conviviality by Ivan Illich, showing all the stamps from its loan history dating back to the mid 70s
110
Jono Lewarne @cityeditionstudio.co.uk · 21/05/2026
U wot m8?
a screengrab of a css style rule called 'grid' which is actually set to display flex and not grid
000
Jono Lewarne @cityeditionstudio.co.uk · 14/05/2026
A key aspect of the typesetting is varying width paragraphs in the dual languages (English/Norske) that make each paragraph the same amount of lines, making them equals. This reflects the ideal of giving and taking space when you need to live alongside others in the same community.
A close up detail shot of the book's text, which is in two languages, English and Norske, running parallel on the page. Each paragraph is the same amount of lines, the width of each paragraph differs down the page in order to make sure they are the same amount of lines in each language.
020
Jono Lewarne @cityeditionstudio.co.uk · 14/05/2026
The rear cover unfolds to reveal a map, visualising the journey each interviewee took to get to Svalbard along with immigration statistics and information.
Svalbard's International Community, a book photographed on a plain background. The title overlays a simplified map of the world rendered in dots and squares. Svalbard's International Community, a book photographed on a plain background with a rear cover flap unfolded to reveal a folded map. Svalbard's International Community, a book photographed on a plain background with a rear cover flap unfolded to reveal an unfolded map showing a stylised map of the world rendered in dots for sea and squares for landmass with lines showing the various journeys that each interviewee in the book took to get to Svalbard. A close up detail shot of an unfolded map showing a stylised map of the world rendered in dots for sea and squares for landmass with lines showing the various journeys that each interviewee in the book took to get to Svalbard. On the side panel of the map is contextual information and statistics about immigration on Svalbard.
100
Jono Lewarne @cityeditionstudio.co.uk · 14/05/2026
My latest book project for Artica Svalbard. A series of interviews with six people from seven different countries about their time on Svalbard; how they came to Svalbard, what made them stay and why new immigration legislation might one day force them to leave.
Svalbard's International Community, a book photographed on a plain background. The title overlays a simplified map of the world rendered in dots and squares. An inside spread of Svalbard's International Community, a book photographed on a plain background. There is a portrait of a man on the left page and a pull quote and text on the facing page. An close up detail of the inside spread of Svalbard's International Community, a book photographed on a plain background. There is a portrait of a man on the left page and a pull quote and text on the facing page. An inside spread of Svalbard's International Community, a book photographed on a plain background. There is a full page of text on the left page and a pull quote and text on the facing page. The text is in two languages, English and Norske which run parallel on the page. Each paragraph is the same amount of lines, the width of each paragraph differs down the page in order to make sure they are the same amount of lines in each language.
130
Jono Lewarne @cityeditionstudio.co.uk · 05/05/2026
Slow Reader: A Resource for Design Thinking and Practice, edited by Ana Paula Paid & Carolyn F. Strauss. This has some great ideas and thinking. It really resonates with me. Since having kids I seem to be trying to work 3 times as quickly as I want to. This has helped me start slowing down
Slow Reader, A RESOURCE FOR DESIGN THINKING AND PRACTICE, edited by Ana Paula Pais & Carolyn F. Strauss, photographed on a wooden table
130
Jono Lewarne @cityeditionstudio.co.uk · 04/05/2026
Blitzed by Norman Ohler. This was ok but fairly tedious. 150 pages of “the Nazi army did awful stuff on meth” followed by 100 pages of “Hitler’s doctor gave him another injection of opiates and crushed up animal spines again and then put cocaine in his ears”
The book Blitzed by Normal Ohler photographed on a wooden table
100
Jono Lewarne @cityeditionstudio.co.uk · 20/04/2026
Starting today at midday UK time. Tune in!
110
Jono Lewarne @cityeditionstudio.co.uk · 01/04/2026
I'm starting a radio show in a few weeks, catch it 12-2pm on the 3rd Monday of each month on www.doyou.world Hoping to drag in some artists I know who work with sound or music to talk about their work. Expect disco, boogie, Balearic and house sounds and a distinct lack of professionalism.
100
Jono Lewarne @cityeditionstudio.co.uk · 31/03/2026
Design Harder by @erikinternet.bsky.social A rallying call for more criticality and ethics in graphic design. A great read.
Design Harder, by Erik Carter. A hardcover book with a red cover and black text set in a distinctive ultra-bold serif font
241
Jono Lewarne @cityeditionstudio.co.uk · 29/03/2026
Killing Thatcher, Rory Carroll. If only that chimney stack had fallen another way…
The cover of Killing Thatcher, a book by Rory Carroll
100
Jono Lewarne @cityeditionstudio.co.uk · 11/03/2026
Maisa in Webland. A curious and confusing book. There are some great ideas and interesting passages. The writing style is a bit off key (and riddled with errors in places). But I’m glad I read it. It also feels beautiful in the hand, as a book designer I found it weirdly satisfying to hold.
The cover of Maisa in Webland: Detouring UX Destinies
110
Jono Lewarne @cityeditionstudio.co.uk · 10/03/2026
Congratulations on the book Elliot. I lurked at the bag and had to shoot off after the interview but I got a couple snaps
Author Elliot J Stocks is interviewed by type design Jamie Clark in front of an audience in a bookshop
130
Jono Lewarne @cityeditionstudio.co.uk · 10/03/2026
If you're wondering how my day is going the site I'm working on remains untouched but I now have a model of the new turntable setup I'm planning..
A crappy paper/card/wood model of a desk with turntables, a mixer and CDJs
000
Jono Lewarne @cityeditionstudio.co.uk · 11/02/2026
Through Witnessing. Threading the critiquing, making, teaching of design edited by Nida Abdullah, Chris Lee and Xiny Li. Exploring ways to decolonise the design curriculum through interviews and dialogues with those currently trying to do it. Really good!
The cover of the book “Through Witnessing. Threading the critiquing, making, teaching of design”. The text is distorted and overlayed with blocks of colour and obscured fragments of images.
110
Jono Lewarne @cityeditionstudio.co.uk · 04/02/2026
In Search of Berlin, John Kampfner (dust jacket lost somewhere). A beautiful, meandering book about the city, its history, people and psyche. Thoroughly recommend for my fellow Berlin fans
In Search of Berlin, a book by John Kampfner. The dust jacket is missing, the cloth bound book is photographed on a wooden table
100
Jono Lewarne @cityeditionstudio.co.uk · 26/01/2026
hands on research, Harma Staal, Miriam Rasch, Jojanneke Gijsen. This reinforces the importance of getting your hands dirty (physically and metaphorically), making, prototyping and doing
The cover of ‘hands on research’ by Harma Staal, Miriam Rasch, Jojanneke Gijsen. It features the title and a ‘spinner’ graphic that demonstrates the cyclical nature of the 6 sections of the book that correspond to phases of research
120
Jono Lewarne @cityeditionstudio.co.uk · 26/01/2026
Inspired by (ripping off) @maxleonard.bsky.social here’s a thread of books I’m reading this year (it will probably total what Max reads in a week). First up: Why history matters to graphic design by Clémence Imbert. A reexamination of why the history of the field is still relevant to students.
The cover of the book ‘Why History Matters to Graphic Design’ by Clémence Imbert which features the title set in a serif font against a backdrop of a large green ‘M’
171
Jono Lewarne @cityeditionstudio.co.uk · 23/12/2025
Squeezed in one last personal project; it syncs data from Rekordbox into a little web app, improving the filtering so I can browse what records are in the same rack, plan mixes etc away from my computer. Yes it's a WCAG nightmare but it's just for me so I can wallow in my pastel neon squinty world
A website featuring a music database organised with genres, ratings, tags and location data. It uses a neon pastel colour scheme and a monospace font.A website featuring a song from a music database showing its genre, ratings, tags and location data and a grid of tracks that are matched to the song's key and tempo.
000
Jono Lewarne @cityeditionstudio.co.uk · 11/12/2025
I’m marking some student work today that I think @loftio.co.uk would approve of
A slide from a presentation about the font Comic Sans. It has the text “they fired me for using comic sans” and “comic sans says fuck the haters”
180
Jono Lewarne @cityeditionstudio.co.uk · 05/12/2025
Buy it for the title alone www.juno.co.uk/products/the...
A record centre label with the text "Billionaires are destroying humanity"
010
Jono Lewarne @cityeditionstudio.co.uk · 19/11/2025
I'm doing this with individual text boxes for each paragraph, made manageable with a little InDesign script I wrote for chopping them all up
010
Jono Lewarne @cityeditionstudio.co.uk · 19/11/2025
I'm working on a dual language book about immigration. My typographic approach is to set both languages together with each paragraph varying in width to take up the same amount of lines as its equivalent in the other language.
A spread of two book pages with the same text in both English and Norwegian. Each English paragraph sits next to its Norwegian equivalent. The widths of each respective paragraph is different so that each pair of matching paragraphs are always the same number of lines deep.
120
Jono Lewarne @cityeditionstudio.co.uk · 01/11/2025
Saturday reading
The cover of the book “Manifestes 5. Artificial Design: Creation Versus Machine Learning” by Anthony Masure
430
Jono Lewarne @cityeditionstudio.co.uk · 29/10/2025
Having a nice and chill time updating someone's Wordpress site. Everything is fine.
010
Jono Lewarne @cityeditionstudio.co.uk · 22/10/2025
So much of my print practice involves working with paper to figure out mechanics and format. Almost always beginning with scraps of paper; torn folded, scribbled on. It's such a valuable part of my process. Think > test > adjust > make.
100
Jono Lewarne @cityeditionstudio.co.uk · 17/10/2025
Women don't like the vehicle
A car absolutely fucking cover in bird faeces
000
Jono Lewarne @cityeditionstudio.co.uk · 17/10/2025
Bug update: Adding a background to the elements that aren't getting blurred by the backdrop-filter element almost fixes it, except for a weird area on the left side of the element where the blur still doesn't apply
110
Jono Lewarne @cityeditionstudio.co.uk · 16/10/2025
Using translateX in this CSS context is like kerning; an individual adjustment to the spacing between a pair of letters to create a gap that is visually even but in practice is a increase/decrease in the global gap value (the red lines in the graphic below). Thanks for listening to my TED talk.
A graphic featuring different shapes with differing gaps between them to create visually even gaps that allow for the different alignment of the edges of the shapes. The text reads "Kerning = TranslateX. An individual adjustment to the spacing between a pair of letters"
192
Jono Lewarne @cityeditionstudio.co.uk · 16/10/2025
... the things you're spacing out aren't squarely proportioned, like letters? In that case even spacing can result in uneven visual gaps. In this instance with CSS you could reach for 'transform: translateX' (although in practice you might not bother unless it was a big hero element)
A graphic featuring different shapes with consistent gaps between them which creates visually uneven gaps due to the different alignment and angles of the edges of the shapes
120
Jono Lewarne @cityeditionstudio.co.uk · 16/10/2025
I often see the word 'kerning' used incorrectly by CSS heads when the term they're actually looking for to describe letter spacing is 'tracking'. Let me explain using CSS terminology! Tracking is the same as gap in flex layouts; consistent spacing applied across the entire text. But what if... 🧵
A graphic featuring repeated square shapes with consistent gaps between them. The text reads "Tracking/Letterspacing = Flex Gap. Consistent spacing applied across the entire text"
1197
Jono Lewarne @cityeditionstudio.co.uk · 14/10/2025
Found a little bug in Chrome where a backdrop filter on an element doesn't apply to text if there's anything on the page with a mix-blend-mode. Thanks to @joshwcomeau.com for the help diagnosing it!
110
Jono Lewarne @cityeditionstudio.co.uk · 11/10/2025
🤘
Picture of a “comic fans” sticker on a laptop case
110
Jono Lewarne @cityeditionstudio.co.uk · 11/10/2025
@webdevconf.com was so good! Amazing to meet and listen to such talented and lovely humans. Thanks to @lurkmoophy.bsky.social and @alexolder.com for putting such a great event together
All the speakers from WDC 2025 on stage in front of a thank you messageSpeaker Michael Kibedi talking at a lectern in front of a slide featuring a book cover Speaker Henry Desroches talking at a lectern in front of a slide featuring a photo of traffic with the phrase “but as time wore on”
391
Jono Lewarne @cityeditionstudio.co.uk · 27/08/2025
New books that I do not have time to read (yet)
A photo of two books on a pink cutting mat; ‘how to build a low tech internet’ and ‘low tech magazine: the compressed edition’ both by Kris De Decker
120
Jono Lewarne @cityeditionstudio.co.uk · 03/07/2025
A scene from Alan Partridge where he’s pitching tv show ideas into a dictaphone
000
Jono Lewarne @cityeditionstudio.co.uk · 03/07/2025
If you can’t avoid working late, do it with cheese. Maybe I’ll start a YouTube channel, Coding with Cheese
A delicious cheese board next to a keyboard and mouse
120
Jono Lewarne @cityeditionstudio.co.uk · 06/06/2025
One of the “real life” projects I’m working on at the moment is a permanent installation on Bristol’s famous King Street. I just got some samples of some custom made ceramic tiles from Spain delivered. So exciting to have these in hand after nearly two years of thinking and planning for this project
A hand holding a ceramic tile with two textured blue areas A hand holding a ceramic tile with a textured blue area and pink amorphous overlaid shapes A hand holding a yellow ceramic tile with pink polka dots
000
Jono Lewarne @cityeditionstudio.co.uk · 05/06/2025
How come it’s only English that gets the playful type?
A box with “noodle party playset” in various languages with only the English words typeset in a playful and expressive font
000
Jono Lewarne @cityeditionstudio.co.uk · 09/04/2025
Archive materials included this gem which we referenced heavily in one particular area of the work. It's the proposal for the university which features some incredibly brave and interesting concept illustrations and was designed by legends Ken Briggs and Ian McLaren. Holy grail business.
A photograph of 'The Proposed University of Bath' publication which proposed the idea of a university. Designed in a modernist style it features the title and an aerial photograph of the site.
A photograph an internal spread of 'The Proposed University of Bath' publication which proposed the idea of a university. Designed in a modernist style it features text and an abstract concept illustration.
A photograph an internal spread of 'The Proposed University of Bath' publication which proposed the idea of a university. Designed in a modernist style it features text, charts and illustrations.
A cropped photograph the inside cover of 'The Proposed University of Bath' publication which proposed the idea of a university. It shows the design credits for Ken Briggs and Ian McLaren.
010
Jono Lewarne @cityeditionstudio.co.uk · 09/04/2025
It was a huge challenge translating the work onto the various different architectural spaces of the building. It's a mix of vinyl, printed clear window films, printed wallpaper and printed/CNCd dibond aluminium (all made by the amazing WithPrint). We also project-managed the fabrication & install.
Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The window-based composition features hand-drawn organic shapes printed on a clear film that is mounted to the windows of a large cafe space.Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The wall-based composition features academic text book imagery printed on wallpaper mounted to a theatre foyer.Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The wall and counter-based composition features academic text book imagery printed on shaped aluminium panels mounted to the wall and printed vinyl mounted to a cafe counter.
100
Jono Lewarne @cityeditionstudio.co.uk · 09/04/2025
While at the University of Bath last week I popped into to see the building-wide installation I made with Neasden Control Centre in 2019, commissioned to visualise the meeting of culture and academia. We spent a long time in the archives, pulling out imagery and motifs as an input to the work
Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The wall-based composition features academic text book imagery printed on shaped aluminium panels mounted to the wall.Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The wall-based composition features academic text book imagery printed on shaped aluminium panels mounted to the wall.Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The wall-based composition features academic text book imagery printed on shaped aluminium panels mounted to the wall.Image shows Smith & Lewarne's installation at the Edge Gallery in Bath, featuring artwork inspired by the intersection of art and academia at the University. The wall-based composition features academic text book imagery printed on shaped aluminium panels mounted to the wall.
200