Blocks · OT_ComparisonTableBlock
ComparisonTableBlock
Side-by-side comparison of plans, tiers, or account types. Grouped rows divide the table into named sections. Cells support a Lucide icon, short text, or both — an empty cell renders a dash. One column can be marked as featured to receive the brand-color treatment and a badge. On mobile a column-selector tab bar replaces the full grid, with swipe gesture support.
Style: Clean · Canvas
Subtle brand tinting on the featured column. Group headers use a light brand wash. Cells are centered; row labels are semibold.
Checking Accounts
Find the account that fits your life.
All accounts include a debit card, mobile deposit, and 24/7 account access.
Swipe to compare
Style: Elevated · Surface
Featured column renders as a continuous brand-fill card with chromatic bloom shadow on sides and bottom — same color in light and dark mode.
Checking Accounts
Find the account that fits your life.
All accounts include a debit card, mobile deposit, and 24/7 account access.
Swipe to compare
Style: Bold · Canvas
Full brand fill across the featured column — diagonal gradient header, solid brand body cells, and inverted (fg-on-brand) icons and text.
Checking Accounts
Find the account that fits your life.
All accounts include a debit card, mobile deposit, and 24/7 account access.
Swipe to compare
Style: Elevated · Surface · Tech support tiers
Three support plans demonstrating icon + text cells (24/7 clock), icon-only checks and dashes, and the Elevated style on a surface background.
Support Plans
Enterprise-grade support, calibrated to your team.
Swipe to compare