Soft gradient button with arrow icon

Soft gradient button with arrow icon, minimal, glassmorphism, light

Preview image. Unlock full-res

A minimalist circular button with a soft arrow icon, rendered with subtle pastel gradients and soft shadow depth on a neutral background.

Palette
#F7F7F7
#DBDADB

Summary

A minimalist circular button featuring a soft arrow-up icon, rendered with subtle pastel gradients and drop shadow to convey gentle depth and affordance.

Visual description

A light neutral background (soft grey-white) frames a single circular button centered in the composition. The button is rendered in near-white with a faint pastel pink tint and soft shadow underneath, giving it subtle depth. Inside sits a simple arrow-up icon in soft mauve-grey, crisply centered. The button's edge is softly feathered, avoiding hard borders. The overall effect is understated and inviting, with strong negative space dominating the frame.

Key takeaway

The restrained use of shadow and gradient to suggest interactivity without visual noise. The icon-only pattern works when the button's action is obvious to context. The soft color palette and subtle depth cue are touchscreen-friendly signals of a tappable element.

Reuse notes

Perfect as an accent button in a minimal SaaS or consumer app interface. Pairs well with larger typography or content blocks above it. Works best when there is clear context for the action (e.g., "scroll up" or "continue"). The pale pastel tint avoids cold greys while staying neutral.

More like this