RetroPlay logo

RetroPlay Style Guide

Introduction

Overview

RetroPlay is a hobbyist store for people who are interested in purchasing secondhand retro video game consoles and video games. On the side, they host local in-house tournaments ranging from fighting game tournaments to race game tournaments. Inspired by the local secondhand store, GameHut, RetroPlay adds a new creative spin to the retro space. Come visit RetroPlay if you are looking to indulge in nostalgia or if you are simply looking to begin your gaming journey!

Typography

Typeface

Aa - Jersey 25

Aa - Chivo Mono

Headings

H1: RetroPlay is your next gaming hub.

H2: Discounted Products

H3: Nintendo 3DS

H4: Request a Product

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Subtitle

An example of a highlighted subtitle.

Colour Palette

Primary: Persian Blue

Inspired by old school VHS and VHS tapes, the Persian blue functions as the main colour of the branding, acting as an entryway to nostalgia and familiarity.

Secondary: Hollywood Cerise

Bouncing off of the retro colour palette, the Hollywood cerise works side by side as a secondary colour to compliment the bright blue.

Tertiary: White

The white tertiary colour works to ground the text elements within the branding and allow for high contrast, as well as visibility.

Accent: Gold

The gold accent colour helps highlight any pieces of information within text, images, and more.

Components

BUTTONS

Mail List

Product Listing

Although the main products being sold at this store are the retro gaming consoles, there are a couple additional services being offered. An assortment of retro video games are also sold along with the consoles.

GameBoy Advance console

Gameboy Advance

Well-conditioned GameBoy Advance, ready to be played on immediately.

$95.99

Gameboy console

Gameboy

Pristine condition Gameboy with a missing battery and select button.

$95.99

Playstation 2 console

Playstation 2

Worn-down Playstation 2 with a couple scratches and dents around the edges.

$95.99

Wii console

Nintendo Wii

Like-new Wii without the stand and missing remote control.

$95.99

Tournament Sign Up

Additionally, customers can sign up to play in local tournaments being hosted at the store itself. Retro games such as Super Smash Bros. Melee or fighting games such as Street Fighter are offered in tournament play.

Super Smash Bros. Melee Rumble Tournament

People playing Super Smash Bros on stage

SFU Gaming Lounge | October 10, 2024 @ 4PM

Join us for the monthly Super Smash Bros. Melee tournament where you have the chance to win the $50 cash prize!

Navigation Menu

Images

Physical Store Reference

For the physical storefront, it would look similar to a retro arcade, following the bright, saturated colours and lights that are synonomous with these types of entertainment areas. Since local tournaments will be hosted at the physical storefront as well, there would be setups that customers can drop in and play or host tournaments. These images lead to links of events or places that have served as a reference for this company.

Branding Reference

For the overall branding, the colours are bright and saturated in order to give it a spin on the nostalgic themes. Rather than sticking with a muted palette, the colours are vibrant and are reminiscent of old school arcade entertainment areas.

Citations

Fonts

Cadigan-Fried, S. (n.d.). Jersey 25. Google Fonts. Retrieved October 2, 2024, from URL.

Omnibus-Type. (n.d.). Chivo Mono. Google Fonts. Retrieved October 2, 2024, from URL.

Product Images

FrameRater. (2019). GameBoy Advance PNG. DeviantArt. Retrieved October 2, 2024, from URL.

Wikipedia. (2014). Game-Boy-FL. Wikipedia. Retrieved October 2, 2024, from URL.

Wikipedia. (2011). PS2-Fat-Console-Set. Wikipedia. Retrieved October 2, 2024, from URL.

Wikipedia. (2012). GameCube-Console-Set. Wikipedia. Retrieved October 2, 2024, from URL.

Reference Images

Western Canada’s largest Super Smash Bros tournament coming to Vancouver. (2023). Vancouver is Awesome. Retrieved October 2, 2024, from URL.

Arcade Club. (2022). Arcade Club Bury. Arcade Club. Retrieved October 2, 2024, from URL.

Sony Interactive Entertainment. (2018). Welcoming Evo into the PlayStation Family. Sony Interactive Entertainment. Retrieved October 2, 2024, from URL".

Super Potato – Retro Game Store in Akihabara & across Japan. (2023). Plan My Japan. Retrieved October 2, 2024, from URL.

Clerici, L. (n.d.). VHS Play Screen on Television. MotionArray. Retrieved October 2, 2024, from URL.

Elvidge, B. (n.d.). Arcade. Dribbble. Retrieved October 2, 2024, from URL.

Savic, A. (n.d.). Discovery loading... Dribbble. Retrieved October 2, 2024, from URL.

Das, O. (n.d.). Retro Console themed Poster. Dribbble. Retrieved October 2, 2024, from URL.

Code

Changing text to uppercase: URL

Adding gap between flexboxes: URL

Flex direction (row/column): URL

Hover pushing border text (border: solid transparent): URL

Fallback fonts: URL

Aligning items to the center in a flex container: URL

Form submit button: URL