screenroveSCREENS WORTH STUDYING
Screenrove / Design references

Supabase

A quiet grey canvas where live product demos carry the pitch.

Marketing pages

Supabase Homepage

Homepage

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.

Supabase Pricing

Pricing

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.

Supabase Database

Database

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.

Logged-out desktop capture on 27 September 2026 of the home, pricing and Database feature pages at 1440px in a headless browser; no account, dashboard, signup or checkout was captured. The GitHub star count (110.7K), the social post wall, the customer story carousel and the animated dashboard and table demos change over time. The home dashboard demo breaks at a frame join near y 2455–2475, where a line of the RLS notice repeats, and the pricing comparison table is missing its Edge Functions group label (blank row at about y 7140–7190).