Neumorphic analog clock widget

What a neumorphic analog clock widget shows

An analog clock reads as a shape rather than as numbers, which makes it the most decorative way to show the time. WidgetCraft has a dedicated analog layer where the dial, markers and each hand can be styled separately.

It uses the phone's clock, needs no permission and works offline. A 2 × 2 space is enough.

How the neumorphic style shapes it

Neumorphic widgets appear moulded from the same material as the background. Shapes are the same color as the surface and are defined only by a soft light edge and a soft shadow.

• Bars and rings: Draw rings and bars as the same grey with a soft shadow, with a small blue fill.
• Numbers: Center the number in slate and keep it semi-bold.

Neumorphic analog clock widget recipe

Neumorphic color palette

• Clay grey #E6EAF0Background
• Shade #DCE1EASurface and tracks
• Slate ink #3B4252Text
• Fog #8B93A5Labels
• Soft blue #5B7CFAAccent

How to make a neumorphic analog clock widget in WidgetCraft

1. Create a widget and open Canvas. Set the size to 200 × 200, the background to #E6EAF0 and the corner radius to 28.
2. Tap Add and choose Analog. Size it to fill the canvas with a margin of about 28.
3. Open the clock details and set the dial to #DCE1EA with a 4-point ring in #3B4252.
4. Set twelve markers: quarter-hours thicker in #3B4252, the rest thinner in #8B93A5.
5. Style the hour hand (short, width 6) and minute hand (long, width 3.5) in #3B4252, turn the second hand off and color the center cap #5B7CFA.
6. Tap Save, then Add to home screen and resize the widget on your launcher if needed.

Everything in this recipe works in the free version.

Tips for neumorphic analog clock widgets

• Make the widget background match the wallpaper color exactly.
• Use shadow radius 10 to 14 with low opacity.
• Keep the hour hand clearly shorter and thicker than the minute hand.
• Twelve markers are easier to read than sixty; add numerals only at 12, 3, 6 and 9 if at all.
• Leave the second hand off: launchers refresh widgets about once a minute.
• Do not use hard outlines.
• Do not use it over a photo wallpaper; the illusion needs a flat color.

Questions about the neumorphic analog clock widget

What size is a neumorphic analog clock widget?

It is designed for 2 × 2 home screen cells on a 200 × 200 canvas. You can resize it on the launcher and the design scales in proportion.

Which colors does it use?

Clay grey (#E6EAF0) for the background, Slate ink (#3B4252) for the main text, Fog (#8B93A5) for labels and Soft blue (#5B7CFA) as the accent.

Is it free to make?

Yes. Analog clock widgets use free features in WidgetCraft, and the neumorphic styling is free too.

What else is this style called?

People also search for neumorphism analog clock widget, soft ui analog clock widget, 3d soft analog clock widget. They describe the same look as this neumorphic analog clock widget.

More neumorphic widgets

• Neumorphic clock widget
• Neumorphic calendar widget
• Neumorphic battery widget
• Neumorphic countdown widget
• Neumorphic to-do list widget
• Neumorphic photo widget
• Neumorphic quote widget
• Neumorphic music widget
• Neumorphic year progress widget
• Neumorphic step counter widget
• Neumorphic habit tracker widget
• Neumorphic sticky note widget
• Neumorphic world clock widget
• Neumorphic date widget
• Neumorphic home screen setup
• All neumorphic widgets

Analog clock widgets in other styles

• Flat analog clock widget
• One UI-style analog clock widget
• White analog clock widget
• All analog clock widgets