Supabase — Feature
Two-column layout with left-aligned feature descriptions and right-aligned code example. Features list four authorization patterns with bold titles and gray supporting text, paired with a code block showing SQL policy syntax.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/supabase-api-list-paired-with-dark-code-block.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #A0A0A0 |
| Contrast | 2.57 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.066 |
| Measured size | 1600×849 px |
Palette
#FFFFFF#F5F5F5#666666#1F2937#FF9F1C
Fonts
Circular
Page types
Detail
UX patterns
SearchCode Block
UI elements
Code Block
Context
Other sections on this page
- Hero — Storage feature hero with split layout
- Feature — Three-column feature cards with icon illustrations
- Feature — Three-column bucket types comparison
- Feature — Simple and convenient APIs with code example
- Gallery / Showcase — Production-ready template cards with featured examples
- Gallery / Showcase — Four-card template and starter showcase grid
- Gallery / Showcase — Four-card template showcase grid
- Footer — Multi-column footer with security badges and social links