Jono Lewarne

@cityeditionstudio.co.uk

453 Followers 264 Following

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

What is a designer by Norman Potter, on a table outdoors
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
a screengrab of a css style rule called 'grid' which is actually set to display flex and not grid
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.
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. The title overlays a simplified map of the world rendered in dots and squares.
Slow Reader, A RESOURCE FOR DESIGN THINKING AND PRACTICE, edited by Ana Paula Pais & Carolyn F. Strauss, photographed on a wooden table
The book Blitzed by Normal Ohler photographed on a wooden table
The text “yeah, you? Midday, today, www.doyou.world” over a pixelated background video
Animated text reading 'Yeah, You? 20.04.26 - 12-2pm. www.doyou.world' over a heavily pixelated background
Design Harder, by Erik Carter. A hardcover book with a red cover and black text set in a distinctive ultra-bold serif font
The cover of Killing Thatcher, a book by Rory Carroll
The cover of Maisa in Webland: Detouring UX Destinies
Author Elliot J Stocks is interviewed by type design Jamie Clark in front of an audience in a bookshop
A crappy paper/card/wood model of a desk with turntables, a mixer and CDJs
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.
In Search of Berlin, a book by John Kampfner. The dust jacket is missing, the cloth bound book is photographed on a wooden table
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
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’
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 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”
A record centre label with the text "Billionaires are destroying humanity"
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.
The cover of the book “Manifestes 5. Artificial Design: Creation Versus Machine Learning” by Anthony Masure
The wordpress css editor suggesting 'white-space' and 'widows' via autocomplete before the much more likely and useful 'width'. The frustrated users begins to rant in the css editor.
A time lapse video of a person experimenting with folding paper and assembling small pieces of paper into a mockup of a booklet
A car absolutely fucking cover in bird faeces
A bug in chrome browser where 'backdrop-filter: blur' isn't consistently applied to elements on the page when a mix-blend-mode is present
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"
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
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"
Picture of a “comic fans” sticker on a laptop case
All the speakers from WDC 2025 on stage in front of a thank you message
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
A scene from Alan Partridge where he’s pitching tv show ideas into a dictaphone
A delicious cheese board next to a keyboard and mouse
A hand holding a ceramic tile with two textured blue areas
A box with “noodle party playset” in various languages with only the English words typeset in a playful and expressive font
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.
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 shaped aluminium panels mounted to the wall.
A close up of a book page where the text gets cumulatively bolder with each line.
A screenshot of a website that has broken leaving all content invisible apart from thin black outlines
A video showing an online interface of a virtual Aeolian harp being manipulated to create sound
A video showing an online interface of a virtual Aeolian harp being manipulated to create sound
A code snippet that transforms a Dropbox file share url into an accessible sound file you can play in a browser
A screen grab of a newsletter from Astro.build that features the website www.mrvast.com
A video showing the user experience of an image editing tool that maintains image readability at a set width and height no matter what aspect ratio the image has
A photo of a children's playground with a vertical play wall and a large graphic wall behind it
A video showing an email button being pressed and an email app opening which was corrected to copy the email address to clipboard instead
A video showing a website hero section fault where the movement is jittery that is solved to make it very smooth
A video of Jane Faram’s website being scrolled through showing various sections and interactions
Two logos with the word ‘vamp’ made up of geometric overlapping shapes