Muscle Monster Workout Planner

Colors

• #121212Dark Background · background
• #FFFFFFWhite · title · scale body
• #8E8E93Grey · subtitle

Type

• TitleSF Pro Display · 32px · bold · #FFFFFF
• SubtitleSF Pro Text · 20px · regular · #8E8E93

Elements

• Scale Graphic · illustration

  Centered horizontally in the lower middle portion of the screen. · 3D render of a weighing scale with rounded corners and a dial face.

Layout

Vertical transition or loading screen with centered header text and 3D scale illustration below.

Notes

Minimalist transition screen.