Supabase

# Supabase Design System

## Visual Theme & Atmosphere
Dark emerald energy. The signature green (#3ECF8E) pops against deep charcoal (#1C1C1C). Code-forward aesthetic with monospace fonts and terminal vibes. Open-source spirit with polished execution — developer tools that look as good as they work.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #3ECF8E | Emerald brand color |
| Background | #1C1C1C | Dark canvas |
| Surface | #232323 | Panels, cards |
| Text | #FFFFFF | Primary text |
| Muted | #909090 | Secondary text |
| Border | #2E2E2E | Subtle dividers |

## Typography Rules
- **Fonts**: Inter + JetBrains Mono
- **Base Size**: 16px
- **Line Height**: 1.6

## Component Stylings
- **Buttons**: Emerald bg, dark text or ghost style
- **Code**: Dark bg, syntax highlighting
- **Cards**: Surface bg, hover emerald border

## Agent Prompt Guide
Dark theme with emerald accents. Code blocks prominently. Developer-focused layouts.