Paddle — Steps / How-it-works
A payment platform and merchant services site. The screen presents three primary call-to-action sections in a vertical bento layout: "Explore Paddle" (learn about the platform), "Pricing" (view service rates), and "Get started" (create an account). Each section contains a heading, descriptive text, and a yellow button with an arrow icon, arranged in equal columns separated by vertical dividers. Below is a footer with navigation links grouped by category (Products, Solutions, Resources, Support, Company, Compare) and utility links like platform status.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/paddle-dark-next-steps-cards.
Measured spec
| Scheme | dark |
| Background | #1B1A16 |
| Text | #EFECE0 |
| Contrast | 14.71 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.083 |
| Measured size | 1600×766 px |
Palette
Fonts
Page types
UX patterns
UI elements
Context
Other sections on this page
- Hero — Global payments and billing for digital products - Hero landing
- Logo Wall — Customer logo wall
- Feature — Billing product showcase
- Testimonial / Social Proof — Customer success stories
- Stats / Metrics — Scale metrics band
- Feature — Not just another payments platform
- CTA / Sign-up — Yellow market CTA
- Footer — Footer navigation with product and solution links