Refto
Steps

Steps

Track your daily steps, workouts, and health data with Steps - the ultimate fitness companion for your Apple device.

Large TypeMobile AppHealthLightClean
3.0
4
Visits
Visit

Available Pages

Home

Version History

Design Analysis

Steps Home design analysis

--- version: alpha name: "Bright Wellness Sheet" description: "Clean wellness landing system with white space, rounded product tiles, and one cheerful orange signal." colors: primary: " 171717" secondary: " F6F6F3" terti...

Key Takeaways

  • Primary ( 171717): Headline ink and the default CTA fill.
  • Secondary ( F6F6F3): Quiet supporting surfaces where content needs grouping.
  • Tertiary ( FF8A26): Cheerful highlight for brand cues and hero objects.
  • Use one rounded grotesk across headlines, body copy, and labels.
  • Make the hero headline oversized and center aligned before adding any extra decoration.
  • Keep supporting copy light and readable, never compressed or all-caps.

Overview

Bright Wellness Sheet is a friendly product-marketing system that relies on air, scale, and soft product illustration instead of lifestyle overload. The page should feel optimistic and helpful, with the product screenshots doing most of the persuasion.

Image Direction

Use one oversized hero object, then support it with rounded screenshot tiles and simple 3D icons. Images should feel helpful and warm rather than cinematic or hyper-athletic.

Colors

  • Primary ( 171717): Headline ink and the default CTA fill.
  • Secondary ( F6F6F3): Quiet supporting surfaces where content needs grouping.
  • Tertiary ( FF8A26): Cheerful highlight for brand cues and hero objects.

Typography

  • Use one rounded grotesk across headlines, body copy, and labels.
  • Make the hero headline oversized and center aligned before adding any extra decoration.
  • Keep supporting copy light and readable, never compressed or all-caps.
SpacePlay/Pause←→Seek 1sShift←→Seek 10s