Design Details

Funnel Card Anatomy

Every pixel is intentional. Here's what makes our funnel cards feel premium.

Qualified 2
$67,000
Global Solutions Deal $42,000
Global Solutions Inc. Mar 30
DataSync Enterprise $25,000
DataSync Apr 5
1
3px accent bar on the left edge. Each pipeline stage gets a unique color, giving instant visual recognition without labels.
2
tabular-nums on all revenue figures. Numbers stay perfectly aligned even as values change, preventing layout shift.
3
6px color dot next to deal names. Matches the stage accent, reinforcing which stage the deal belongs to at a glance.
4
Soft shadow (0 1px 3px rgba(0,0,0,0.05)) on cards. Just enough depth to separate from background without feeling heavy.