Ruul model explainer with four yellow step cards

Ruul model explainer with four yellow step cards, light-mode, minimal, light

Preview image. Unlock full-res

Light section combining an "Our Model" intro with a four-column numbered process of yellow step cards.

Summary

A two-part explainer that first defines the business model in a copy block, then lays out the workflow as four numbered yellow step cards. The defining move is the row of bold yellow cards with dark numbered badges walking the user from authorize to payout.

Visual description

Pale warm-gray background. The upper block pairs a left column ("OUR MODEL" eyebrow, a paragraph with "Merchant of Record" highlighted in yellow, and dark "Learn more" plus outlined "Open an account" buttons) with a right 2x2 micro-feature grid (B2B Invoicing, Global Sales Tax, Payment Options, Onboarding & Support), each a short bold title and one line of copy, split by a thin divider. Below, a "HOW IT WORKS" eyebrow sits over four equal yellow cards, each with a dark rounded numbered badge (1 to 4), a bold step title (Authorize Ruul, Payment Request, Billing & Checkout, Payout), and a short description. Everything is type-led with no imagery.

Key takeaway

The numbered yellow cards make a four-step process instantly readable and on-brand through color alone. Splitting "what we are" (the model block) from "how it works" (the steps) lets one section both reassure and instruct. The marker-highlight on a key term ties back to the brand's hero treatment for consistency.

Reuse notes

Ideal for a service where the mechanics or the legal model need explaining, such as merchant-of-record or escrow flows. The yellow cards carry strong brand color, so reuse works best within a matching identity or by swapping the accent. Keep step copy to two short sentences so the four cards stay even in height.

More process sections

See all

More like this