Supabase — homepage hero
Swiss / International · landing page
Steal · grid/layoutmodel draft
The hero splits into two columns: the two-line headline and CTA pair on the left, and a three-line plain description ("Start your project with a Postgres database. Add Authentication, Data APIs, Edge Functions...") on the right, top-aligned to the headline. Steal the description moved into a right column, which keeps the left column to claim and buttons.
Steal · colormodel draft
The second headline line, "Scale to millions", switches to green #03875f under a near-black "Build in a weekend", and the same green fills "Start your project" in the hero and the nav, where it sits beside a GitHub mark and the star count "111.2K". Steal a two-line headline whose payoff line takes the primary button's color.
Steal · component patternmodel draft
Just below the fold line starts a product grid: a double-width Postgres Database card with three check items, then Authentication (a blurred grid of user emails) and Edge Functions (a "$ supabase functions deploy" chip over a wireframe globe), then a row of four narrower cards. Card copy sets the key phrase dark and the rest grey. Steal product cards that each carry a fragment of their real interface and one darkened phrase.
Fonts: Inter · Original: Supabase
private-reference-only
View original ↗Source & usage rights
Original: Supabase. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-10-10. Capture does not establish source verification.