A two-column hero (headline left with the second line in green, summary right) sits over a bento grid of seven product cards, each with a small illustration. Below, full-width sections separated by hairline rules pair two-tone headings (grey first line, near-black second) with a tabbed dashboard demo, a framework code sample, template cards, a customer story carousel and a faded wall of social posts. The page closes on the open-source star count in dotted numerals, a repeated call to action, a compliance strip and a seven-column footer.
Four plan columns (Free, Pro, Team, Enterprise) share one bordered container; Pro is raised with a dark outline and a Most Popular badge, and prices are set in a monospace face. A compute cost estimator, a compute size table, disk configuration table and add-on cards come before a long feature comparison table grouped by product with green check circles and a sticky plan header. A ten-question FAQ in a narrow 864px column precedes the shared closing call to action and footer.
A product sub-navigation (Database, Auth, Storage, Edge Functions, Realtime) with an underlined active tab sits under the main header, and the hero leads into a full-width sample table in the Supabase table editor style. Each following section uses a two-tone heading on the left and a short paragraph on the right, then a feature list beside a framed UI or code sample (Table Editor, SQL Editor, API code). A grey band carries a single large customer quote with the closing phrase in green.
screenrove