Linear-Gradient Border

Dark-mode card grids where the only chromatic event is a bright blue-to-violet gradient stroke, 1–2px wide, tracing each card's rounded edge — often animating a sweep of light around the perimeter on hover. Surfaces stay flat and shadowless; the border is the entire design.

Primary action

Card

Signature element

A card whose rounded 1px edge carries a #3b82f6→#8b5cf6 gradient — built with a padded gradient layer and mask-composite: exclude — with a bright highlight that sweeps around the perimeter when hovered.

Palette

bg
#0d0d0f
surface
#161618
text
#ededf0
text-muted
#9c9ca6
accent
#3b82f6
accent-2
#8b5cf6
border
#232328