Ranked - Subdivision Icons Finalized Assets - Githubissues

colonistio / design

https://colonist.io

3 stars 0 forks source link

Ranked - Subdivision Icons Finalized Assets #266

Closed samgawaran closed 1 year ago

samgawaran commented 1 year ago

Goals

Provide assets that resembles subdivision icons. Most of them use Roman Numerals and we should follow the industry standards for this task.
Make the subdivision icons distinguishable but different enough to our usual font style to make it look like an icon
It should pair well with our existing division icons
Provide different screens to make sure the assets can work on different bgs and to see how it would look.

Needs

Roman numerals I, II, III, IV, V that fits the Colonist brand and style

Research

research is done in this issue: https://github.com/colonistio/design/issues/248

Proposed Solution: Optimized Subdivision Icons

Followed Principles: Consistency, Simplicity

taken into consideration feedback given here: https://github.com/colonistio/design/issues/255#issuecomment-1382668146
made the icon thinner by around 10% more. thinner than that then it will look like our bold text

Decision:

made the icons Center-align
- easier to implement in Profile Ranked page and End-Game
- will not look clogged on leaderboards

Desktop Screen

Mobile Browser Screen

Benefits:

own asset, created I, II, III, IV, V font style in Figma. No need to worry on copyright/IP issues
Easy to implement. center-aligned ready-to-use SVGs, just update from Gdrive to folder

Considered

[x] This proposal fits company vision
[x] This proposal is impactful according to Prioritizer Sheet
[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@JeffdEon @demiculus @JuanRoman77