“Get started” — button prototypes

Black · grey · a hint of blue. Hover each one. Tell me the number you like (mixing is fine).

01Frosted Glass

Real frosted-glass pill: translucent fill, backdrop blur+saturate, inner top highlight, blue glow, and a light-sweep shimmer on hover.

02Refined Blue Gradient

Layered inset highlights plus dual blue drop shadows give a lit, lifted gradient that brightens and rises on hover.

03Gradient Hairline

Masked 1px gradient border (blue fading to transparent) over a near-black fill; hover brightens the hairline and adds a faint blue outer glow.

04Outline Glow

Ghost button with 1px blue border; hover blooms a softly pulsing blue glow ring plus faint blue fill tint.

05Shine Sweep

Solid deep-blue gradient button; a diagonal white streak sweeps left-to-right on hover via ::before with a unique keyframe.

06Vercel Light Pill

Near-white pill with near-black text, layered shadow + inset highlight, lifts and brightens on hover with a faint blue ring.

07Aurora Drift

A finite blue gradient that slowly drifts across a large background-size; hover speeds and brightens it. Soft gradient hairline border + glow keep it premium, not flashy.

08Soft Dark Neumorphic

Embossed dark pill with dual soft shadows and a blue keyline that brightens and presses inward on click.

09Glow Pulse

Solid blue pill with a slow breathing outer glow that pauses on hover/focus while the glow intensifies and the arrow nudges; respects reduced-motion.

10Kinetic Keyline

Editorial text-only button: a thin keyline under the label wipes in from the left in blue on hover while the arrow slides right.