A developer-platform landing page that explains a broad backend product through modular capability cards and concrete dashboard evidence. The recorded dark version behaves like an expandable technical map; the current light version keeps the same product breadth but uses larger editorial demonstrations and more open spacing.
1. Event announcement, developer navigation, sign-in, and project action. 2. Build-in-a-weekend hero with database-led conversion choices. 3. Capability grid for database, authentication, functions, storage, realtime, vectors, and APIs. 4. Integrated-platform and framework compatibility proof. 5. Dashboard productivity demonstration. 6. Production-ready starter templates and industry customer stories. 7. Community proof, open-source statement, closing project prompt, and deep footer.
The card grid turns a technically broad platform into a system that developers can scan by capability, while code, schema diagrams, and dashboard fragments provide immediate product evidence. The green accent consistently marks action and system state. The cost is high information density: small technical labels and many simultaneous modules require careful hierarchy and responsive simplification.
- [Refero style page](https://styles.refero.design/style/632249f1-fd78-4c77-9b34-7bae37ff3e9b) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/41184fa6-d5a2-44c3-85bf-83d3eccb0c29.mp4) supply the earlier dark bento system, capability reveals, framework rail, customer grid, starter cards, and dashboard closing. - The live capture at https://supabase.com/ supplies the current light redesign, product demonstrations, customer stories, community content, responsive screenshots, and measured layout. - The sources represent different visual generations. Trust the live page for current design and content; use the recording as a complete archived reference for the dark modular system.