Supabase
Supabase nails developer-facing product art direction: a dark interface with green accents that pairs a crisp hierarchy, code blocks treated as first-class content, and technical micro-charts that communicate reliability. The composition alternates data-dense sections with generous breathing room, always holding onto a sense of precision and control.
Screenshots of the real site. Scroll inside each frame to go through it.
Dark, precise tech energy, with a warm touch thanks to its signature green.
Colors
Typography
Weights: 400 · 500
Spacing, borders and layout
- Spacing scale
- 4 · 8 · 12 · 16 · 20 · 24 px
- Base unit
- 4px
- Radii
- Pill · 8px · 16px · 6px
- Border
- 1px #dfdfdf
- Content width
- 1280px
Third-party style reference. AIGiner is not affiliated with or sponsored by Supabase; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.
Similar pages
See all
We design websites at this level
Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.