Very dark navy background opens with a centered serif headline where built for scale is italicized, plus a gray subhead about saving hours with a strategic payouts partner. Eight horizontal feature rows stack vertically, each typically splitting into a left UI illustration card, center title and gray description, and sometimes a right checklist column. Rows cover instant two-way sync with Routable linked to Xero, Sage, NetSuite, and QuickBooks plus an Always in sync pill; multi-currency bill cards with FX loss chip; payment reconciliation flow across Routable, bank, and accounting software; batch payment summary for 20 bills; bank dropdown with Bank of America selected; payment initiated and confirmation notifications; vendor currency conversion with arrival badge; and supported file types with document categories. Cards use rounded corners, subtle borders, and purple-blue accent states on the dark field.

Key takeaway

Repeating a three-zone row pattern (visual, narrative, checklist) scales to many features without redesigning each block. Dark glassy UI cards with real integration logos make abstract sync and reconciliation tangible. Optional right-column bullet lists let power users scan specs while headlines carry the story.

Reuse notes

Best for dense developer or finance-audience feature pages where depth beats brevity. Needs strong product art and recognizable partner logos. Long vertical scroll; consider anchor nav or collapsible rows if the list grows further.