Tea timer mobile UI with geometric pattern

Tea timer mobile UI with geometric pattern, minimal, geometric, dark

Preview image. Unlock full-res

Minimal iOS app screen with timer stats (1.0, 8,550 steps, 0:58 duration) above 'time for tea' label and a biomorphic black-and-gray quartered-circle pattern.

Summary

A minimal iOS timer interface displaying numerical metrics above the phrase "time for tea" with a geometric pattern of interlocking black and gray quartered circles.

Visual description

The screen shows a phone frame (notch visible) against a diagonal-line background. Numerals "1" and "0" appear in the top corners. Below, large gray numerals (8,550, 0:58) suggest step count and elapsed time. The text "time for tea" is set in a generous sans-serif bold. A 4x4 grid of quartered circles fills the lower third: black, gray, and white segments are arranged to create a repeating biomorphic pattern that reads as overlapping crescents or organic shapes.

Key takeaway

The use of a geometric grid pattern as a self-contained visual container for data. The quarter-circle modules are modular and scalable, making the pattern work at multiple resolutions. The muted black-and-gray palette keeps the focus on the metric hierarchy above.

Reuse notes

Ideal for health, fitness, or wellness apps seeking a calm, measured aesthetic. The pattern is scalable for different screen sizes and can be colorized. Works as a card element in a larger interface; however, the centered vertical arrangement limits use in dense layouts.

More like this