Penguin Design system
ES
Me entusiasmé mucho cuando me enteré del Cover Design Award, que celebraba los 90 años de diseño innovador de libros de Penguin Random House. El reto consistía en crear un nuevo sistema de diseño para libros de bolsillo que capturara el espíritu de los principios fundadores del diseño de Penguin: audacia, distinción y atractivo para el gran público. Inspirado en el icónico diseño de tres bandas de los años 30, el sistema debía funcionar en el diverso y dinámico panorama de la edición contemporánea.
Aunque no pude presentar mi proyecto porque no vivo en el Reino Unido, quería participar en el reto. La idea era demostrar cómo un sistema de diseño podía funcionar en múltiples géneros y épocas, utilizando tres títulos de una amplia gama de obras clásicas y contemporáneas. Me pareció una oportunidad perfecta para ampliar mis límites creativos y desarrollar una obra para mi portafolio.
EN
I was really excited when I came across the special one-off brief from the Cover Design Award, celebrating Penguin’s 90 years of innovative book design. The challenge was to create a new design system for paperback books that captures the spirit of Penguin’s founding design principles—boldness, distinctiveness, and mass-market appeal. Inspired by the iconic tri-band design from the 1930s, the system needed to work across the diverse and dynamic landscape of contemporary publishing.
Although I couldn’t submit my project because I don’t live in the UK, I was eager to take part in the challenge. The idea was to demonstrate how a design system could work across multiple genres and time periods, using three titles from a wide range of classic and contemporary works. It felt like a perfect opportunity to push my creative boundaries and develop a portfolio piece.
EN
The design process began with initial sketches. My objectives were to create a layout that was bold, distinctive, easily identifiable, and accessible.
Initially, I focused on assigning colors to different genres. However, as I started to compile a list of genres, I quickly realized that books within the same genre can still feel vastly different. For example, The Kaiju Preservation Society by John Scalzi and Dune by Frank Herbert both fall under science fiction. While both explore environmental balance and the consequences of human intervention in nature, the pacing, depth, and length of the books are entirely different.
ES
El proceso de diseño comenzó con unos bocetos iniciales. Mis objetivos eran crear un diseño audaz, distintivo, fácilmente identificable y accesible.
Al principio me centré en asignar colores a los distintos géneros literarios. Sin embargo, cuando empecé a recopilar una lista de géneros, enseguida me di cuenta de que los libros de un mismo género pueden ser muy diferentes. Por ejemplo, The Kaiju Preservation Society, de John Scalzi, y Dune, de Frank Herbert, pertenecen a la categoría de ciencia ficción. Aunque ambos exploran temas como el equilibrio medioambiental y las consecuencias de la intervención humana en la naturaleza, el ritmo, la profundidad y la extensión de los libros son completamente diferentes.
EN
This observation made me realize that, while many books clearly fit into a primary genre, they often span multiple genres. Take The Bear and the Nightingale by Katherine Arden and The Lord of the Rings by J.R.R. Tolkien, for instance. Both books are categorized as fantasy, but Tolkien’s work fits into the subcategory of High Fantasy, while Arden’s is better described as Historical Fantasy. This led me to consider adding a second color or icon to signify the subcategory.
This is when the challenges began. Even if I could narrow down genres into two categories, combining icons with colors—or simply relying on color combinations—would create significant accessibility issues. On top of that, managing the aesthetic harmony between potential colors for each subgenre became a complex challenge.
At this point, I realized I was limiting myself by adhering strictly to genres. Given the issues I had encountered, I decided to pivot to an area-bound layout. After several iterations, I arrived at the final design.
An area-based layout simplifies the design by focusing on clear sections instead of overwhelming the viewer with too many colors or icons. This helps reduce visual clutter and allows the most important information—titles, authors, and series names—to stand out, making it easier for users to navigate the design. Since the area-based design doesn’t rely on color coding or complex iconography, it can be much more accessible to a broader audience, including those with visual impairments or color blindness. Readers don’t have to rely on color alone to identify books, making the layout more inclusive. And, if you expand the collection, an area-based layout scales easily.
ES
Esta observación me hizo darme cuenta de que, aunque muchos libros encajan claramente en un género principal, a menudo abarcan múltiples géneros. Por ejemplo, The Bear and the Nightingale, de Katherine Arden, y The Lord of the Rings, de J.R.R. Tolkien. Ambos libros se clasifican como fantasía, pero la obra de Tolkien encaja en la subcategoría de fantasía épica, mientras que la de Arden se describe mejor como fantasía histórica. Esto me llevó a considerar la posibilidad de añadir un segundo color o icono para indicar la subcategoría.
Aquí empezaron los retos. Aunque pudiera reducir los géneros a dos categorías, combinar iconos con colores -o simplemente basarme en combinaciones de colores- crearía importantes problemas de accesibilidad. Además, gestionar la armonía estética entre los posibles colores de cada subgénero se convirtió en un reto complejo.
Llegados a este punto, me di cuenta de que me estaba limitando al ceñirme estrictamente a los géneros. Dados los problemas que había encontrado, decidí cambiar a un diseño por áreas. Tras varias iteraciones, llegué al diseño final.
Un diseño basado en áreas simplifica el diseño centrándose en secciones claras en lugar de abrumar al lector con demasiados colores o iconos. Esto ayuda a reducir el desorden visual y permite que la información más importante -títulos, autores y nombres de series- destaque, facilitando a los usuarios la navegación. Como el diseño por áreas no se basa en códigos de colores ni en una iconografía compleja, puede ser mucho más accesible para un público más amplio, incluidas las personas con deficiencias visuales o daltonismo. Los lectores no tienen que basarse únicamente en el color para identificar los libros, lo que hace que el diseño sea más inclusivo. Y, si amplía la colección, una disposición por áreas se adapta fácilmente.
EN
The layout is divided visually into sections, using geometric shapes to define distinct areas. These shapes help contain the information clearly, making it easy to identify the book’s title, series name, and author. The blending modes used in the design add dynamism, allowing the color overlays to create the areas described.
While the area-based layout does not help readers search for books within the same genre, genres are generally well-established in libraries and bookstores. Additionally, my research revealed that many libraries have phased out the icon-based cataloging system for genres due to vandalism targeting certain genres, such as LGBTQIA+ literature.
ES
La maqueta se divide visualmente en secciones, utilizando formas geométricas para definir las distintas áreas. Estas formas ayudan a contener la información con claridad, facilitando la identificación del título del libro, el nombre de la serie y el autor. Los blending modes utilizados en el diseño añaden dinamismo, permitiendo que las superposiciones de color creen las áreas descritas.
Aunque el diseño por áreas no ayuda a los lectores a buscar libros del mismo género, los géneros suelen ya estar establecidos en bibliotecas y librerías. Además, mi investigación reveló que muchas bibliotecas han eliminado gradualmente el sistema de catalogación basado en iconos para los géneros debido al vandalismo dirigido a ciertos géneros, como la literatura LGBTQIA+.
EN
In the final design, I focused on enhancing the experience of browsing for a specific title, especially on the spines.
Key design features include:
Recognizable Layout: A consistent design across all spines ensures they are easy to spot when placed on a bookshelf.
Series Information: If the book belongs to a series, the spine displays the series name and the book’s position within the saga. Some well-known books (I’m looking at you, Game of Thrones and Throne of Glass) lack this feature, leaving readers to track the order themselves. Including this information is crucial, as the spine is typically the part of the book most visible on a shelf.
By incorporating these elements, I aimed to create a design that is both functional and visually engaging, ultimately improving the browsing experience for readers.
ES
En el diseño final, me centré en mejorar la experiencia de búsqueda de un título concreto, especialmente en los lomos.
Las principales características del diseño del lomo son
Diseño reconocible: Un diseño coherente en todos los lomos garantiza que sean fáciles de reconocer cuando se colocan en una estantería.
Información sobre la serie: Si el libro pertenece a una serie, el lomo muestra el nombre de la serie y la posición del libro dentro de la saga. Algunos libros muy conocidos (Si, me refiero a ustedes, Juego de tronos y Trono de Cristal) carecen de esta información, por lo que el lector debe seguir el orden por sí mismo. Incluir esta información es crucial, ya que el lomo suele ser la parte del libro más visible en una estantería.
Al incorporar estos elementos, mi objetivo era crear un diseño funcional y visualmente atractivo que mejorara la experiencia de navegación de los lectores.
You can see the full brief here