Analog Timer

Productivity app design

A quiet focus timer with a ticked dial and one red mark

  • Analog Timer: Timer screen

    Timer

  • Analog Timer: Running screen

    Running

  • Analog Timer: History screen

    History

  • Analog Timer: Presets screen

    Presets

  • Analog Timer: Complete screen

    Complete

  • Analog Timer: Settings screen

    Settings

About this style

A focus timer on paper white with a ticked analog dial, light numerals and black controls. A single red tick marks progress and today.

A timer should disappear into the task; a physical-feeling dial, light numerals and one red mark are all the screen needs.

What makes it recognisable

  • Ticked circular dial around light numerals
  • Single red progress mark
  • Black full-width controls with outlined presets

How ShipNative uses it

Pick Analog Timer when you describe your app and ShipNative plans and draws every screen in this look: the same colours, type and layout rules applied to your features. The screens above are from Kairos, a demo app designed in this style; your app gets its own screens.

More styles

All 16 references