Guidelines and Style

All about Rocky Rampage user interface guideline, visual style and other base rules

UI Feeling

• Wacky

• Rocky

Color & Button

Main Color

• Purple

UI Style Exploration in the beginning

Button and Color Language

• Button shape: Rounded slanted

• Button implementation icon: in top of button with text

• Color priority 1: Yellow

• Color priority 2: Cyan

• Color priority 3: Bright Purple

• Color Negative: Red Maroon

• Color Disable: Greyscale

Typography

Implementation

• Cartoon Six we use outline and shadow to clearer visibility

• Playtime with Hoodies:

  • use outline and shadow in majority UI

  • not use outline and shadow in dark color text, and white background

Iconography

Illustration Style (Primary - Used by all most icon in game)

• Simple

• Illustration Style

• Using painting style like ingame, but with simpler render

• 3d shading like button

• Use shadow

Blocking Style (Secondary - Used by some icon in game, like pause button)

• Simple

• Icon blocking style

• 3d shading like button

• Use shadow

• Color = White