GNN – Gotham Nightly News

Project Background

Gotham Nightly News is a passion project designed to continue the improvement of my skills in both Figma and Web Design/Development by crafting a realistic and authentic depiction of a news channel tailored to serve the unique needs of Gotham City residents. With a focus on providing accurate and up-to-date information, the website aims to be the go-to source for news, weather updates, and critical information related to the city’s bustling life.

The project’s vision revolves around catering to the everyday Gotham City resident, acknowledging the distinctive challenges and extraordinary circumstances faced by the people of this iconic city. From supervillain crime trackers to local politics, sports, and business ventures, Gotham Nightly News aims to keep its audience well-informed and engaged with the latest happenings in their city.

With a user-centric approach, Gotham Nightly News ensures that its design and features cater directly to the needs of Gotham’s residents. By providing a user-friendly and informative platform, the project aims to create a valuable resource that becomes an essential part of the daily lives of those living in Gotham City.

By combining passion, creativity, and attention to detail, the creator of Gotham Nightly News has successfully brought to life a project that not only sharpens their design skills but also pays homage to the vibrant and dynamic world of Gotham City. With a commitment to authenticity and accuracy, Gotham Nightly News stands as a testament to the dedication and ingenuity of its creator and serves as a compelling example of a news channel uniquely tailored to serve the iconic city’s inhabitants.


The choice of typography plays a crucial role in giving the website an authentic feel that resonates with the essence of Gotham City. By utilizing fonts like Frank Ruhl Libre, Bebas Neue, Garamond, Freight Display Pro, and Freight Sans Pro, the project achieves a seamless integration of the “Gotham” art style into the website’s overall design. Employing serif fonts for headers and article titles adds a touch of sophistication and ties in perfectly with Gotham City’s unique character.


The inspiration for this project stems from my lifelong fascination with Batman and the enigmatic world of Gotham City, renowned for its perilous nature and an array of formidable supervillains. Despite the constant dangers, Gotham’s residents rarely seem to leave the city, piquing my curiosity about the unique aspects of their lives.

As a devoted fan, I embarked on envisioning what a comprehensive news source for Gotham City would entail. Drawing from my extensive background knowledge of Batman’s universe, gleaned from a diverse array of sources, including movies, comics, and video games, I crafted a wide range of news topics that reflect the city’s captivating and ever-evolving character.

By combining my passion for the Dark Knight’s universe with a creative blend of various media representations, I aspired to create a news platform that captures the essence of Gotham City and caters to its inhabitants’ everyday needs. The project is a testament to my dedication to exploring the intricacies of this fictional world while paying homage to the enduring allure of Gotham and its compelling inhabitants.

Color Palette

The color palette chosen for this prototype is a thoughtful blend inspired by various Batman works. Drawing from a mix of blues, grays, and yellows featured in past Batman comics, cartoons, and movies, the intention was to harmoniously unite different Batman universes within this website.

By weaving together these distinct shades, the color background strives to create a cohesive and immersive experience, bridging the gaps between various Batman adaptations and crafting a unified universe on this platform. The selection of colors not only pays homage to the rich legacy of Batman but also adds a touch of nostalgia and familiarity for fans of the Caped Crusader, enhancing the site’s authenticity and visual appeal.


The imagery featured across the news source draws inspiration from multiple Batman Universes, with prominent references to Christopher Nolan’s acclaimed “The Dark Knight Trilogy” universe. Additionally, elements from Matt Reeve’s “The Batman,” as well as selected images from cartoons and comic books, have been thoughtfully incorporated.

By carefully curating a diverse range of visuals, the website embraces the essence of different Batman adaptations, delivering a compelling visual experience that resonates with fans of various iterations of the iconic character. The amalgamation of imagery from these distinct universes enriches the site’s authenticity, paying tribute to the multifaceted legacy of Batman and immersing readers in the captivating world of Gotham City.

Universe – Creative Writing

To construct a fictional yet convincing website centered around Batman and Gotham City, I embarked on the task of amalgamating various Batman universes into a unique and original universe of my own—GNN Universe. This endeavor led to the incorporation of imagery from multiple Batman adaptations, creating a cohesive and immersive experience.

Within the GNN Universe, certain key aspects diverge from the established canon. Notably, Batman’s relationship with the Gotham Police Department (GPD) is marked by distrust, adding an intriguing dynamic to the city’s crime-fighting efforts. Additionally, Harvey Dent remains uncorrupted, yet to transform into the infamous villain “Two-Face.” Meanwhile, Oswald Cobblepot’s political aspirations, as seen in the film “Batman Returns” (1992), make him a prominent figure vying for the Mayor’s position.

In this universe, the Joker is an enigmatic and notorious villain, perpetrating relentless crime sprees that consistently evade capture by the GPD. His presence poses an ever-present threat to the citizens of Gotham, leaving chaos in his wake.

This convergence of alternate storylines, combined with carefully selected imagery from various Batman sources, brings the GNN Universe to life. It provides a fresh and captivating take on the Dark Knight’s world, weaving together familiar elements with new narrative twists that create a compelling backdrop for the website’s content.