A game requires many pieces of a puzzle to fit together in order for it to feel, look, and to just be good. Because of this, a consistent philosophy and quality of work is required for it to fit together. This section contains information on its design guidelines, so contributors know how to approach adding new content to YARG.
-
Robustness and a “Good Default”: The goal of YARG is for it to be as fun as possible for new players. Because of this, it is important that we provide users with a good default experience—meaning, before changing the settings. All features of YARG should be as robust as possible, and not require external any \tinkering for it to work. It should just work.
-
Customization, and “Modlessness”: YARG’s end goal is for it to be as customizable as possible, so it suits the needs of all players, without sacrificing competitive potential. Modding of games usually happens because the game is missing a feature, or requires new content. YARG’s goal is for it to not require mods. All features that could be adjustable, should be. As for new content, the user should have the ability to do this without the need of external modification (i.e. new highways, etc.).
-
Familiarity, But Better: YARG’s stylistic choices should reflect and be inspired off of the newest commercial 5-fret guitar games. The point of this is for it to be as familiar and “at home” as possible for new players, while also delivering a new and polished experience. This means that inspiration is advised, but innovation is recommended.
We have an extended Guideline in our Discord, if you want to be a Art Contributor make sure to read the full rules so we can keep a good workflow.
Click here to join our Discord and see the full Guidelines
Google Fonts Used for Interface Headers (Music Library, Settings) and for submenu headers (Settings Tabs Name)
Google Fonts Our main font, we use Barlow for almost everything, it's a font with good readability so when it's used for big texts we use it as Regular, when using for buttons, small titles always use as uppercase.
Google Fonts Unbounded is our tertiory typography, used mainly for complementary texts (Multiplier Numbers)
| Color | Name | HEX | Description |
|---|---|---|---|
 |
Vivid Blue Sky | #00DDFB | Primary Color |
 |
Xanthous | ##FFB636 | Secondary Color |
 |
Rose | ##F70072 | Tertiary Color |
| Color | Name | HEX | Description |
|---|---|---|---|
 |
Rich Black | #090F1D | Background #1 |
 |
Oxford Blue | #111A30 | Background #2 |
 |
Oxford Blue #2 | #1A253E | Background #3 |
 |
Space Cadet | #2C344D | Background #4 |
 |
White Smoke | #F2F2F2 | Primary Text |
 |
Silver | #B8B8B8 | Secondary Text |
| Color | Name | HEX | Description |
|---|---|---|---|
 |
White Smoke #2 | #F5F5F5 | Background #1 |
 |
White | #FFFFFF | Background #2 |
 |
Jet | #333333 | Primary Text |
 |
Gray | #7A7A7A | Secondary Text |
| Color | Name | HEX | Description |
|---|---|---|---|
 |
Malachita | #00E85F | Success Messages |
 |
Azure | #0083FA | Info Messages |
 |
Sunglow | #FFD24F | Warning Messages |
 |
Red (Pantone) | #FF0039 | Error Messages |
Our icons are from Lucide, an open source icon library.
If you have any question about designing for YARG feel free to reach out to our Lead Artist Kadu on Twitter: @kaduyarg or Discord: Kadu#7712