Stop leaving revenue on the table.
See how Onboard gets customers live faster — so you capture the value you already sold.
- Live in days
- 30-day pilot
- SOC 2 Type II
Features Grid — centered + per-item backgrounds
SIG-3788 verification: bg should render Light, gradients, and Primary Gradient; content centered; each card has its own bg.
Fastest onboarding
Light card with default border.
Compliance ready
Gray card to verify the working classes still work.
Primary gradient
Per-item gradient — should render with white text.
Icon Grid — centered + per-item backgrounds
SIG-3788 verification: block-level gradient bg, centered content, per-item card backgrounds.
White card
Default white card to verify regression.
Light card
Per-item Light bg via arbitrary value.
Soft gradient
Per-item gradient.
Primary gradient
Per-item primary gradient.
Block-level Primary Gradient — text flips to white
Left-aligned. Block bg is the Primary Gradient (blue). Text in the heading + every card should be readable (white / dark-mode).
Card on gradient
No per-item bg — card border + transparent over block gradient. Text inherits dark mode from block.
Second card
Same pattern. Verifies block-level dark flip cascades to all cards.
Third card
Icon container also flips to subtle white tint.
Block-level bg-dark — text flips to white
Pre-existing dark mode trigger. Verifies regression: bg-dark still flips after refactor.
Dark card
Existing dark mode path, untouched.
Second
Should look the same as it did before this change.
Third
Verify dark variant inheritance from section.
Block-level Primary Gradient — text flips to white
Same dark flip as Features Grid, applied to Icon Grid.
Card one
No per-item bg. Inherits dark mode from block.
Card two
Text white, description light-grey.
Card three
Border tints muted against gradient.
Card four
All four cards uniform.
Every background option, side-by-side
Centered. Each card uses a different background option from the dropdown. If any card looks unstyled, that option is still missing CSS.
White
bg-white
Light
bg-[#EAEFFF]
Gray
bg-gray-50
Dark Gradient
flips to dark mode
Gray → White
soft gradient (reverse)
Primary Gradient
should flip to dark mode
Green Gradient
emerald-500 → emerald-900
Block-level Green Gradient — SIG-3861
New background option. Light emerald top, dark emerald bottom. Text flips to white throughout.
Card on green
No per-item bg — inherits dark mode from block.
Second card
Verifies block-level dark flip cascades.
Third card
Icon container also flips to subtle white tint.
Eyebrow position — Default
SIG-3858: block-level toggle set to Default. All three cards render eyebrow above the heading.
Onboarding
Eyebrow above heading.
Compliance Ready
Eyebrow above heading.
Fast Setup
Eyebrow above heading.
Eyebrow position — Top Right
Same content as above, block-level toggle flipped to Top Right. Every card's eyebrow moves to the corner; no duplication.
Onboarding
Eyebrow now top-right.
Compliance Ready
Eyebrow now top-right.
Fast Setup
Eyebrow now top-right.
